基本的なテンプレートをコーディングしていますが、Internet Explorer 8 で問題に直面しています。スライダー カルーセルを作成し、それを絶対位置に配置して、少し上に表示しました。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>