Css 绝对位置在IE8中工作不正常

Css 绝对位置在IE8中工作不正常,css,internet-explorer,css-position,Css,Internet Explorer,Css Position,我正在编写一个基本模板,但我在使用Internet Explorer 8时遇到了一个问题。我已经创建了一个滑动旋转木马,我把它放在一个绝对位置,以便在顶部显示它多一点。在firefox、Chrome和Safari中没有任何问题,但在InternetExplorer8中,旋转木马后的内容显示不正确 为什么会这样?如何在IE中解决此问题 您可以看到模板: 一个打印屏幕也显示了IE中正在发生的事情 这是我的html: <div class="container-carousel cont

我正在编写一个基本模板,但我在使用Internet Explorer 8时遇到了一个问题。我已经创建了一个滑动旋转木马,我把它放在一个绝对位置,以便在顶部显示它多一点。在firefox、Chrome和Safari中没有任何问题,但在InternetExplorer8中,旋转木马后的内容显示不正确

为什么会这样?如何在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>

今天的应用程序


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


有时ie无法支持文章,请改为div。

您的代码太差了,我的Safari被它呛死了。首先尝试修复非常严重的HTML错误。看:谢谢你,斯帕奇!有一个未关闭的元素,这就是问题所在,所以请欣赏..现在您如何在safari中查看?我将我的评论转化为答案。但我根本无法打开你的网站。一直给我一个“这个页面所在的服务器没有响应”错误。好的,这是免费的主机。。。可能会有很多问题。