我正在编写一个基本模板，但我在使用 Internet Explorer 8 时遇到了问题。我创建了一个 Slider Carousel，并将它放在绝对位置，以便在顶部多显示一点。在 firefox、chroome 和 Safari 中存在任何问题，但在 Internet Explorer 8 中，轮播后的内容无法正确显示
为什么会这样？如何在 IE 中解决这个问题？
在这里你可以看到模板：
IE 中正在发生的事情的打印屏幕
这是我的html：
<div class="container-carousel container ">
<article id="carousel">
<div class="row">
<div id="lista1" class="als-container">
<span class="als-prev"><img src="images/left_arrow.png" alt="prev" title="precedente" /></span>
<div class="als-viewport">
<ul class="als-wrapper">
<li class="als-item"><img src="images/als-images/social.png" alt="social" title="social" /><h3>Appz Theme</h3><hr><p>Lorem ipsum dolor sit amet,<br>omnis euismod indoctum mel.</p></li>
<li class="als-item"><img src="images/als-images/android.png" alt="android" title="android" /><h3>Easy to use</h3><hr><p>Lorem ipsum dolor sit amet,<br>omnis euismod indoctum mel.</p></li>
<li class="als-item"><img src="images/als-images/apple.png" alt="apple" title="apple" /><h3>Amazing design</h3><hr><p>Lorem ipsum dolor sit amet,<br>omnis euismod indoctum mel.</p></li>
<li class="als-item"><img src="images/als-images/google.jpg" alt="google" title="google" /><h3>Dashboard view</h3><hr><p>Lorem ipsum dolor sit amet,<br>omnis euismod indoctum mel.</p></li>
</ul>
</div>
<span class="als-next"><img src="images/right_arrow.png" alt="next" title="successivo" /></span>
</div>
</article>
</div>
<div class="container">
<div class="row">
<div class="application">
<p>Get your <span class="bold">free</span> <a class="mainbutton" href="">Download</a> of <span class="app">App</span> today!</p>
</div>
</div>