ie6 li안에서 a태그 float:left시에 계단현상 버그

<div class="gnb">

<ul>

<li><a class="gnb_menu1" href="#" title="아하zum홈"></a></li>

<li><a class="gnb_menu2" href="#" title="질문찾기"></a></li>

<li><a class="gnb_menu3" href="#" title="마이아하zum"></a></li>

</ul>

</div>

위와 같이 하고  

css를

.gnb .gnb_menu1{float:left;width:110px;height:45px}

.gnb .gnb_menu2{float:left;width:90px;height:45px}

.gnb .gnb_menu3{float:left;width:120px;height:45px}

이와같이 블럭형태에 좌로 붙여도
계단현상과 같은 버그가 ie6,7에서 왕왕일어남

이를 바로잡는 법은
감싸고 있는 li에

display:inline

해주면됨