css - IE中Header DIV层位置错误

Question

我在 IE 与我的网站的兼容性方面遇到了一些问题。我目前将它停在 http://www.verdasconews.com/tiago，同时我测试所有内容。我想确保我与主要浏览器兼容。在 Firefox、Chrome、Opera 和 Safari 中看起来不错，但在 IE 中，标题/内容 div 层出现问题。

这是它在 IE 中的截图 http://i.stack.imgur.com/GOaSX.png

帖子和侧边栏的内容在应该隐藏在标题下方时与标题重叠，就像它在其他浏览器中的显示方式一样。

这是定位的CSS:

/*  ------ layout ------------------------ */ 

wrapper {
 background:url(img/back2.png) no-repeat center top; 
}  
contents { 
width:959px; 
margin:0 auto; 
text-align:left; 
}  
header { 
background:url(img/top.png) no-repeat bottom; 
height:160px; 
}  
middle-contents { 
background:url(img/side.png) repeat-y; 
padding-bottom:50px; 
}  
left-col { 
float:left; 
display:inline; 
width:584px; 
margin:0 0 0 5px; 
}  
right-col { 
float:right; 
display:inline; 
width:330px;
margin:15px 5px 0 0; 
}  
footer { 
background:url(img/bottom.png) no-repeat top; 
height:114px; 
margin-bottom:50px; 
}  

这就是我的标题定位

/*  ------ header ---------------------- */  
logo_image {
 margin:6px 0 0 4px; 
float:left; 
display:inline; 
}  
logo_image h1 { 
margin:0; 
padding:0; 
}

不确定标题是否完全正确，因为我问了一位 friend ，他认为这可能是问题所在，谷歌搜索将我带到了这里。我不是编程专家，但我希望有人能解决这里可能出现的问题。如有必要，我可以提供完整的 CSS。提前谢谢你

Answer 1

您可以通过从#header 中删除height:160 以及从#logo_image 中删除float:left 和display:inline 来修复它