다른브라우저에서 탑메뉴가 잘되는데 IE6 IE7에서만 위치가 다르게 나옵니다 ㅠㅠ
여우비
현재 탑메뉴 만들고 있는데요 ㅠㅠ
IE8 , 파이어폭스 , 크롭 은 다 잘되는데요 ㅠ _ ㅠ
IE6 ,IE7만 레이어가 이상한곳에서 뜨네요
http://lotto.ruu.kr/o.jsp
해당 css인데요 ㅠㅠ 혹시 ie6 , ie7에서 안먹히는 css함수가 있나요 ㅠㅠstyle type=text/css#menubox { height:41px; width:900px; background:url(/img/topmenu/menubg1.png) no-repeat left top; padding-left:10px; z-index:9000;}
#menubox .menuhead { }
/* 그룹명 반복 부분 */#menubox .menuhead .grmenu { float:left; font-size:13px; font-weight:700; line-height:40px; }#menubox .menuhead .grmenu a { display:block; background:url(/img/topmenu/part1.png) no-repeat right center; color:#ffffff; text-decoration:none; width:120px; height:40px; text-align:center; }/* 우측 사용자 메뉴 */#menubox .menuhead .grmenur {float:right; font-size:13px; font-weight:700; line-height:40px; }#menubox .menuhead .grmenur a { display:block; background:url(/img/topmenu/part1.png) no-repeat left center; color:#ffffff; text-decoration:none; width:150px; height:40px; text-align:center; }
/* 서브메뉴(게시판링크) 풍선부분 */#menubox .menuhead div { width:148px; z-index:9999999999; }#menubox .menuhead div .head{ width:148px; height:20px; line-height:1px; background:url(/img/topmenu/baloon.png) no-repeat top center}
#menubox .menuhead div .list{ width:142px; border-right:3px solid #a8d0ec; border-left:3px solid #a8d0ec; background-color:#ffffff; color:#999999; }#menubox .menuhead div .list .link { font-size:12px; background-color:#ffffff; }#menubox .menuhead div .list .link a { display:block; line-height:30px; color:#333333; text-decoration:none; padding-left:25px; width:115px; margin-left:1px;}#menubox .menuhead div .list .link a:hover {background:url(/img/topmenu/qwqw1w1_07.png) no-repeat left center #e1f1f6;}#menubox .menuhead div .tail{background:url(/img/topmenu/baloon.png) no-repeat bottom; width:148px; height:10px; line-height:2px; font-size:2px;}/style
-
새우깡
익스가 항상 말썽이죠.. IE6 ,IE7에 맞게 스타일 작성해보시고 핵을 써야겠죠...;;