ie7 ul li 계단현상 핵

#header #menu {float:left; width:960px; margin-bottom:9px;}

#header #menu ul li{ display:inline; }    <!-- li에 display:inline 을 추가해  주면 해결-->

#header #menu a{display:block; float:left; width:192px; height:37px; text-indent:-1000em;}

#header #menu .menu_01 a{background:url('../images/common/menu_01_off.gif');}

#header #menu .menu_02 a{background:url('../images/common/menu_02_off.gif');}

#header #menu .menu_01 a:hover{background:url('../images/common/menu_01_on.gif');}

#header #menu .menu_02 a:hover{background:url('../images/common/menu_02_on.gif');}

ie 6, 7, 8, 9, 10 

ie는 버전별로 표준을 지키을 맞추기가 너무 힘들구나.