Mozilla 한국 커뮤니티

파이어폭스나 IE7 에서는 정상적으로 표시되는데, IE6에서만 유독 이런 현상이
나타나곤 합니다.

http://www2.ygosu.com/html/ie6bor.gif


IE6의 border 부분 표시 버그 같은데 해결 방법좀 알려주세요.

아래는 위 이미지의 문제가 되는 부분에 해당되는 소스입니다.

.left_box {border:1px solid #c5c4c4; overflow:auto; clear:both;}
.left_box h3 {padding:8px; float:left; width:45px;}
.left_box .ylog_tit a {background:url(../images/tit_ylog.gif) no-repeat; display:block; height:0; padding:12px 0 0 0; overflow:hidden; width:44px;}
.rol {float:right; width:30px; padding-top:3px;}
.rol .btn_nxt a {background:url(../images/btn_prv.gif) no-repeat 0 5px; height:0; display:block; overflow:hidden; padding:20px 0 0 0; width:13px; float:left;}
.rol .btn_prv a {background:url(../images/btn_nxt.gif) no-repeat 0 5px; height:0; display:block; overflow:hidden; padding:20px 0 0 0; width:13px; float:left;}
.left_box .yrank {clear:both; border-top:1px solid #eeeeee; padding:8px; height:100%;}
.left_box .yrank li {height:21px;}


<div class="left_box">
<h3 class="ylog_tit"><a href="#">와이로그</a></h3>
<div class="rol">
<p class="btn_nxt"><a href="#">다음</a></p>
<p class="btn_prv"><a href="#">이전</a></p>
</div>
<div class="yrank">
<ol>
<li>
<img class="num" src="images/num1.gif" />
<span class="name"><a href="#">은꼬르</a></span>
</li>
</ol>
</div>
</div>

저도 그것땜시...

onmouse이벤트에 의해서(onmouse=null이라 할지라도)
border뿐만이아니라 적당히 상황만들어주면 background-color라던지... 특정 div태그가 통째로 사라진다거나...

ㅠㅠ