수다닷컴

위에 보시는데로 ie6 외 브라우져에서는 제대로 나오는데 유독 ie6에서만 저렇게background-image가 제대로 안불러와집니다.
나름 원인을 찾아본 결과... position 속성이 문제인거 같더군요.

style type=text/css
#content {position:relative; width:600px; margin:0 auto; padding:10px 0 20px 0;}
#content .list li{margin-bottom:5px; padding-left:7px; background:url(/Civil_Information/images/bu_d3.gif) no-repeat 0 5px;}
/style

div id=content
ul class=list
li타이틀/li
li타이틀/li
li타이틀/li
...
/ul
/div

위 소스에서 보시면 #content 에 position:relative; 값이 적용되어있고 li에 position:relative; 값이 선언되어있지 않으니 ie6에선 저렇게 제대로 보여주지 못하는거 같은데요...
li에도 position:relative; 값을 주면 제대로 표현이 됩니다.
li에 포지션 대신 _zoom:1;을 줘도 제대로 나오구요.

이것이 ie6만의 버그인지... 아니면 저런 경우엔 부모요소에 position:relative;이 선언되면 자식요소에도 position:relative;이 선언 되어야 하는것이 정답인지요?

신청하기