【HTML】ie6包含img的div多2px的bottom值[div高度自适应]_html/css_WEB-ITnose

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>new_file</title>
<meta name="author" content="Administrator">
<!-- Date: 2012-12-26 -->
<style>
/*
 * COMMon
 * **********
 */
a{text-decoration: none;}
a:hover{color: gold;}
/*
 * COLOR
 * *******
 */
div{text-align: center}
.red{background-color:red}
.green{background-color:green}
.yellow{background-color:yellow}
.silver{background-color:silver}
.gray{background-color:gray}
.pink{background-color:pink}
.orange{background-color: orange}
.blue{background-color:blue}
/*
 * 元素
 * *****
 */
/*
 * header
 * **********
 */
#logo{height: 100px;}
#contactway{height:67px;float: right }
#nave{height:33px;width:700px; float: left;background-image: url(src/nv.png);background-repeat: no-repeat;overflow: hidden;}
#nave ul{list-style: none;float: left;height: 32px;}
#nave ul li{float: left;width: 100px;text-align: center;margin-left: 0px;height: 32px;}
#nave ul li a{line-height: 32px;font-weight:bold;display:inline-block; color: white;width: 100%;height: 100%;}
#nave ul li a:hover{background-image: url(src/nvbk.png);background-repeat: no-repeat;}
/*
 * center
 * **********
 */
#cases{width: 100%;float: left;}
</style>
<!--Containner16-->
<div class="container_16">
<!--header-->
<div class="grid_4" style="margin-bottom: -3px;">
<div id="logo" class="yellow">
<img src="https://www.gxlcms.com/src/logo.png">
</div>
</div>
<div class="grid_12 orange">
<!--联系方式-->
<div id="contactway">
<img src="https://www.gxlcms.com/src/serverph.png">
</div>
<div class="clear"> </div>
<!--nave-->
<div id="nave">
<ul>
<li>首页</li>
<li>关于火狼</li>
<li>服务项目</li>
<li>案例展示</li>
<li>客户服务</li>
<li>联系我们</li>
<li>VIP服务</li>
</ul>
</div>
<div class="clear"> </div>
</div>
<!--光晕-->
<div class="clear"> </div>
<div class="grid_16 blue">
光晕
</div>
<!--Banner-->
<div class="clear"> </div>
<div class="grid_16 pink">
Banner
</div>
<!--简介-->
<div class="clear"> </div>
<div class="grid_16 blue">
关于+简介
</div>
<!--展示-->
<div class="clear"> </div>
<div class="grid_16 yellow">
<dl>
<dt>案例展示</dt>
<dd>
</dd>
</dl>
</div>
<!--friends-->
<div class="clear"> </div>
<!--title-->
<div class="grid_4 gray">
friends
</div>
<!--name of friends-->
<div class="grid_12 pink">
names of friends
</div>
<!--about-->
<div class="clear"> </div>
<div class="grid_8 red">
页底导航+版权
</div>
<!--contact-->
<div class="grid_8 green">
联系电话
</div>
<div class="clear"> </div>
</div>

回复讨论(解决方案)

设置：#nave li{display:inline;} #nave li a{display:block;}试试看

设置：#nave li{display:inline;} #nave li a{display:block;}试试看 搞定了，问题不是 a标签，我调试了很久发现只要设置一个img{margin-bttom:-3px}就正常了

ie6版本 的 ul列表框 有个bug，会在 li上下添加额外的空间，所以一般的修正办法都是 设置 li｛第四play：inline｝，而其中的锚元素 ，一半设置成 block即可了