IE 6 position: relative + li 问题
#Title #MainNav
{
position:relative;
left: 212px;
list-style-type: none;
}
#Title #MainNav li
{
float: left;
}
<div id="Title">
<ul id="MainNav">
<li id="IndexBtn"><a href='<%= ViewData["Message"]%>' id="Selected"></a></li>
<li id="DownLoadBtn"><a href='' ></a></li>
<li id="CustomerBtn"><a href="#" ></a></li>
<li id="JoinBtn"><a href="#" ></a></li>
<li id="WorkSystemBtn"><a href="#"></a></li>
<li id="NewsBtn"><a href="#"></a></li>
<li id="CommunityBtn"><a href="#"></a></li>
<li id="AQBtn"><a href="#"></a></li>
<li id="AboutBtn"><a href="#"></a></li>
</ul>
</div>
以上代码在IE 6 中会不正常position:relative;不起作用.
解决办法：
1.在#d的定义里面去掉：position: relative;，或者在LI的定义里面加position: relative;
2.#d的定义里面去掉width的定义.
3.给li定义高度height:如height:20px.
