Div的内容在Internet Explorer中显示错误

Question

我正在为网站设计一个v3平台。我们差不多完成了，现在只是用跨浏览器发短信完成最后的操作。一切工作正常，除了IE浏览器。

我在IE 9中测试，当页面加载时，应该在页面顶部有一个滑块。滑块被设置为一个很长的图像/分离文本块，jQuery在页面上滑动和滑动。

滑块div工作正常，但divs的内容奇怪地块显示在侧面。所以基本上我的div的内容没有出现在我的div里面。

所以有没有任何使用IE导致这个错误/怪癖的dort。

示例代码：

<div id="cont"> 
    <div 
    <img src="bar" /> 
    <a href="foo"></a> 
    </div> 
    <div> 
    <img src="bar" /> 
    <a href="foo"></a> 
    </div> 
</div> 

CSS：

.cont { 
position: relative; 
display: block; 
overflow: hidden; 
} 

.cont div{ 
display: block; 
position: absolute; 
left: 0px; 
top: 0px; 
width: 980px; 
opacity: 1; 
z-index: 5; 
margin: 0; 
padding: 0; 
border: 0; 
font-size: 100%; 
font: inherit; 
vertical-align: baseline; 
} 

Answer 1

所以，事实证明，这一点，在许多的我最近问了一下，简单地通过Internet Explorer的无法计算更造成的问题比31个样式表。

因此，如果您有超过31个样式表，请注意。