Question

三个div并排后在IE下诡异的多出一个部分内容，其他浏览器却没有正常

三个div并排后在IE下诡异的多出一个部分内容，其他浏览器却没有正常，我把几个div并排后在IE下看比其他浏览器高度多出来一点是怎么回事？
<div class="nav">
<div class="nav2_bg"></div>
<div class="nav3_bg">
<div class="nav_bar">
<div class="menu" >
<ul>
<li id="menu11" onmouseover="menuPanel(1,8,1,'menu1')">
<a href="index.jsp">123</a>
</li>
<li id="menu11" onmouseover="menuPanel(1,8,1,'menu1')">
<a href="index.jsp">456</a>
</li>
<li id="menu11" onmouseover="menuPanel(1,8,1,'menu1')" >
<a href="index.jsp">789</a>
</li>
</ul>
<div class="blank"></div>
</div>
<div class="nav4_bg"></div>

css代码
body{
font-size:12px;
text-align:center;
background:#FFFFFF url(../images/js14.gif) repeat-x;
font-family: "Lucida Grande", "Lucida Sans Unicode",
"Helvetica", "Arial", "Verdana", sans-serif;
}
img{border:0px;}
a{text-decoration:none;color:#333;}
a{text-decoration:none;}
ul,li{ list-style-type:none; margin:0px; padding:0px;}
.nav{
width:980px;
padding:5px 0px 0px 0px;
}
.nav2_bg{
width:8px;
height:46px;
float:left;
background:url(../images/tz1.jpg);
}
.nav4_bg{
width:8px;
height:46px;
float:left;
background:url(../images/tz2.jpg);
}
.nav3_bg{
float:left;
width:964px;
height:46px;
background:url(../images/tz_1.jpg);
}
.nav_bar{
width:944px;
text-align:center;
position:relative;
z-index:1000;
}
.menu{
width:944px;
height:46px;
text-align:left;
position:relative;
z-index:2000;
font-weight:bold;
}
.menu li{
float:left;
display:block;
width:118px;
height:46px;
line-height:46px;
text-align:center;
cursor:pointer;
}
而且鼠标一移动到超链接上面还多出来一个空白部分





Answer 1

这是浏览器兼容性引起的问题，多看看兼容性教程，在css里面加上 *{margin:0px; padding:0px;}
div,ul,li,a,a:hover{margin:0px; padding:0px;} 这样应该能解决。

追问

加了*{margin:0px; padding:0px;}
div,ul,li,a,a:hover{margin:0px; padding:0px;} 还是没有解决问题。

追答

那得看看你的网站效果了，在百度搜索丰汛营销可以联系到我