묻고답하기
레이아웃 css 크롬에서 오류 좀 봐주세요 ㅠㅠ
2012.04.24 15:20
ie8에서는 정상, ie7에서는 상단이 여백이 틀어지긴 하지만 그럭저럭;;
근데!!! 크롬에서는 메뉴가 정상출력은 되나 클릭이 안됍니다!! ㅠㅠ
css소스는 아래와 같구요;;
문제가 뭘까요 ㅠㅠ
#menuwrap { position:absolute; top:90px; left:-1px;width:135px; height:364px; background:url(../img/menu_bg.JPG) }
#menuwrap .menul { float:left; margin-top:22px; }
#menuwrap .menur { float:left; margin-top:22px; }
#menuwrap .subt { position:absolute;top:0px; }
#menuwrap .subb { position:absolute; bottom:0px; }
#menu { float:left; margin:0px 0px 20px 0px; padding:0; position:relative; }
#menu ol, #menu ul, #menu li { margin:0; list-style:none; padding:0; }
#menu ul { float:left; list-style:none; margin:30px 0px 0px 22px; padding:0; height:29px; width:90px}
#menu ul a { text-decoration:none; display:block; }
#menu ul li.menulist { float:left; position:relative; height:29px;width:90px; display:block; font-family:Arial, Helvetica, sans-serif, gulim; }
#menu ul li a.fst { height:29px; float:left; margin:-3px 0px 0px 0px; color:#fff; padding:0px 1px; font:bold 14px/39px Tahoma, Geneva, sans-serif; display:block; text-align:center; }
#menu ul li a.fst:hover { color:#FFB3D4; }
#menu ul li a.fst:hover, #menu ul li a.aselected { }
#menu ul li a.fstselected { float:left; margin:-3px 0px 0px 0px; color:#FFB3D4; font:bold 14px/39px Tahoma, Geneva, sans-serif; display:block; text-align:center; }
#menu ul li .top { height:5px; #margin-bottom:-10px; }
#menu ul li .snd { width:120px; position:absolute; top:29px; left:5px; display:none; z-index:1000; }
#menu ul li .snd a { height:19px; padding:5px; #padding:7px 5px 3px 5px; white-space:nowrap; color:#9f9f9f; background-image:url(../img/submenu_bg.jpg); border-right:1px solid #c5c5c5; border-left:1px solid #c5c5c5; }
#menu ul li .snd a span { display:block; padding:0px; }
#menu ul li .snd .sndselected a { color:#FFB3D4; }
#menu ul li .snd a:hover { color:#FFB3D4; }
