在IE8中，绝对位置不正常

Question

我正在编写一个基本模板，但是我遇到了Internet Explorer 8的问题。我已经创建了一个Slider Carousel，我把它放在绝对位置，以便在顶部显示更多。在firefox，chroome和Safari中有任何问题，但在Internet Explorer 8中，发生旋转木马后的内容无法正确显示

为什么会这样？我怎样才能在IE中解决这个问题？

Here您可以看到模板：

还显示了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>

Answer 1

根据W3C在线验证程序，您的HTML无效。

http://validator.w3.org/check?uri=http%3A%2F%2Fexperiments.hostzi.com%2Flanding%2F&charset=%28detect+automatically%29&doctype=Inline&group=0

Answer 2

有些时候即无法支持文章，请更改为div。