[CSS] IE6 Div margin 두배 문제

<div id="list_area" class="wrap_center">

<div id="menu_step1"></div>

<div id="menu_step2"></div>

<div id="menu_step3"></div>

</div>

이렇게 두겹으로 div를 싸고,

menu-step1, 2 ,3 세개를 float:left 한 상태에서

menu_step1의 margin-left를 10px정도 주려고 한다면,

IE6에서 (혹은 그외 버전에서) margin-left가 실제론 20px 적용이 돼 FF와 크롬화면 싱크에

문제가 생길 때가 있다.

일단 내가 해결한 방법은 menu_step1에 margin-left를 주지 말고,

list_area에 padding-left:10px;width:(처음넓이 - padding-left한 값)로 해줘서

다른 브라우저와 같아 보이게 했다.

기타 참고 내용 : http://mkyoon.com/25