수다닷컴

ie6에서 SMS 밑의 1px의 보더는 없습니다.
하지만 lnb bg가 8px 정도 내려옵니다.
ie7, 8은 본 이미지대로 나옵니다.

또, 한가지 문제점은
SMS를 클릭시 ul에 보더가 먹는지li에 보더가 먹는지...
사라지지않습니다.
역시 ie7,8 에서는 정상으로 나옵니다.----------- html -----------

div id=lnb
div id=left_menutitle
h2회원관리/h2
/div
div id=left_menubg
div id=sMenu class=sMenu
ul
lia href=#span회원관리/span/a
ul
lia href=#span회원 현황/span/a/li
lia href=#span회원 그룹 관리/span/a/li
lia href=#span회원 등급 관리/span/a/li
/ul
/li
lia href=#span회원 가입 관리/span/a/li
lia href=#span이메일/span/a
ul
lia href=#span이메일 설정/span/a/li
lia href=#span이메일 발송/span/a/li
lia href=#span발송 내역/span/a/li
lia href=#span자동 이메일/span/a/li
/ul
/li
li class=not_bordera href=#spanSMS/span/a
ul
lia href=#spanSMS 설정/span/a/li
lia href=#spanSMS 발송/span/a/li
lia href=#span발송 내역/span/a/li
lia href=#span자동 SMS/span/a/li
lia href=#spanSMS 충전/span/a/li
lia href=#span충전 내역/span/a/li
/ul
/li
/ul
/div
/div
div class=left_menubottom/div
/div--------- css --------

#lnb{position:absolute; top:44px; left:100px; width:200px; display:inline; float:left; background:#d5d5d5;}
#left_menutitle{position:relative; top:4px; left:4px; width:192px; height:56px; background:url(../images/lnb/bg_left_title.gif);}
#left_menutitle h2 {position:absolute; margin:0; padding:0; font-family:Dotum, Arial, MSPGothicEx; font-size:14px; color:#ffffff; top:19px; left:22px; font-weight:bold;}
#left_menubg {position:relative; top:8px; width:198px; margin:0 auto; background:#ffffff;}
.sMenu{ position:relative; top:1px; left:1px; width:196px; font-size:12px; font-family:Gulim, Arial, sans-serif; line-height:normal;}
.sMenu ul{ margin:0; padding:0; list-style:none;}
.sMenu ul li{ position:relative; margin:0; vertical-align:top; *zoom:1; background:#f7f7f7;}
.sMenu ul li a{ display:block; position:relative; padding:10px 0 10px 10px; text-decoration:none; color:#7e7e7e; font-weight:bold; background:url(../images/lnb/lnb_bullit.gif) 15px 14px no-repeat; border-bottom:1px solid #d0d0d0; *zoom:1;}
.sMenu ul li a span{ padding-left:16px; }
.sMenu ul li a:hover{ display:block; position:relative; padding:10px 0 10px 10px; text-decoration:none; color:#7e7e7e; font-weight:bold; background:url(../images/lnb/lnb_bullit_over.gif) 15px 14px no-repeat;}
.sMenu ul li a:hover span{ padding-left:16px; color:#2577b0;}
.sMenu .not_border a{ display:block; position:relative; padding:10px 0 10px 10px; text-decoration:none; color:#7e7e7e; font-weight:bold; background:url(../images/lnb/lnb_bullit.gif) 15px 14px no-repeat; border:none; *zoom:1;}
.sMenu .not_border a:hover{ display:block; position:relative; padding:10px 0 10px 10px; text-decoration:none; color:#7e7e7e; font-weight:bold; background:url(../images/lnb/lnb_bullit_over.gif) 15px 14px no-repeat; border:none; *zoom:1;}
.sMenu .not_border.active{ border:none;}
.sMenu .not_border ul{ padding:0 0 5px 12px; background:#f7f7f7; }
.sMenu .not_border li{ margin:0;}
.sMenu .not_border li a{ font-weight:normal; padding:5px 10px; border:0; background:url(../images/lnb/lnb_small_square.gif) 15px 10px no-repeat;}
.sMenu .not_border li a:hover{ font-weight:normal; padding:5px 10px; border:0; background:url(../images/lnb/lnb_small_square.gif) 15px 10px no-repeat;}
.sMenu .not_border li a span{ color:#7e7e7e;}
.sMenu .noMenu .not_border li a:hover span{ color:#2577b0;}
.sMenu li.active{ border-bottom:1px solid #d0d0d0;}
.sMenu li li.active{ border:0;}
.sMenu li.active a{border:0;}
.sMenu li.active li a{ border:0;}
.sMenu li ul{ padding:0 0 5px 12px; background:#f7f7f7;}
.sMenu li li{ margin:0;}
.sMenu li li a{ font-weight:normal; padding:5px 10px; border:0; background:url(../images/lnb/lnb_small_square.gif) 15px 10px no-repeat;}
.sMenu li li a:hover{ font-weight:normal; padding:5px 10px; border:0; background:url(../images/lnb/lnb_small_square.gif) 15px 10px no-repeat;}
.sMenu li li a span{ color:#7e7e7e;}
.sMenu li li a:hover span{ color:#2577b0;}
.left_menubottom{width:200px; height:11px; float:left; background:url(../images/lnb/leftmenubgb.gif) no-repeat;}기존에 있는 lnb 소스를 참조해서 하려 했던건데 너무 무리수를 둔건지 ㅡㅡ;;
머리가 너무 아픕니다 ㅜㅜ

마지막으로 html, css, js 같이 올려봅니다.

신청하기