더블마진 플로트 버그

IE6이하버전에서 float 가 지정된 엘리먼트의 마진을 두배로 표시하는 버그가 있다.

 

예로 float:left 되어 있는 엘리먼트에 margin-left:40px 을 주면 IE6 에서 마진 레프트 값이 80px로 먹는 버그이다.

이버그는 해당 엘리먼트에 display:inline 을 지정해 주면 해결되며, 해당엘리먼트는 float 지정이 되어 있으므로 실제 화면상에서는 아무런 영향을 주지 않는다.