IE6 CSS 버그 고치기 귀찮을때...

오늘 또 열씨미 CSS를 만지다가 이런 경우가 발생했다... 항상 FireFox 기준으로 디버깅을 하기때문에..

FireFox에서는 잘 나오는데... IE6 에서 특정 CSS 한줄이 제대로 안나오는 것이다..ㅎㅎ

TAB 브라이징 을 위한 탭을 만들고 있는중인데...

#tab {     float: left;     display:inline;     width: 70%;     margi-left: 1%;     **padding: 0 0 20px 0px; **    height: 0px; }

바로 저 패딩부분에서 문제가 생겼다.. float Layout 이기때문에 항상 문제가 생기는거 같다.-- 여튼 저 한줄 패딩부분을 **!important; padding: 0 0 0px 0px; ** !important 를 주면,.. 즉,.. #tab {     float: left;     display:inline;     width: 70%;     margi-left: 1%;     **padding: 0 0 20px 0px !important; padding: 0 0 0px 0px; **    height: 0px; }

요렇게 적어주시면.. 내가 원하는 대로 나온다..

그런데,!!! 아주 중요한거.. 버그를 정말 고칠려고 맘먹고 하나하나 하다 보면... #tab {     float: left;     display:inline;     width: 70%;     margi-left: 1%;     **padding: 0 0 0px 0px; **    height: 0px; }

걍 요렇게 해도 된다.. ㅋㅋㅋ

참고로 float 레이아웃에서 저 Height 는 IE6에서는 안 먹는거 같다..-- 왜지???

왠지 삽질한 기분.... CSS 트릭 관련 링크