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.