몇일전에알앗는데
ie9 에서 접속하면 이렇게 메뉴가 이렇게 된다는데...
어떻게해결방법없습니까...

css
Copy
/*** TOPMENU STYLES ***/.navigation_bg { width:100%; margin:0 auto; height:73px; background:url(../images/menu_bg.gif) repeat-x;}.navigation { padding:0 0 0 0 !important; margin:0 auto !important; z-index:900; width:930px; height:73px; position:relative;}/*** ESSENTIAL STYLES ***/.sf-menu, .sf-menu * { margin: 0; padding: 0; list-style: none;}.sf-menu { line-height: 1.0; margin:0 !important; height:72px; background:url(../images/menu_divider.gif) no-repeat left;}.sf-menu ul { position: absolute; top: -999em; width: 216px; /* left offset of submenus need to match (see below) */}.sf-menu ul li { width: 100%;}.sf-menu li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */}.sf-menu li { float: left; position: relative;}.sf-menu a { display: block; position: relative;}.sf-menu li:hover ul,.sf-menu li.sfHover ul { left: 0; top: 72px; /* match top ul list item height */ z-index: 99;}ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul { top: -999em;}ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul { left: 215px; /* match ul width */ top: 0;}ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul { top: -999em;}ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul { left: 10em; /* match ul width */ top: 0;}/*** DEMO SKIN ***/.sf-menu { float: left; margin:0; padding:0}.sf-menu > li > a { padding: 0 0 0; text-align:center; text-decoration:none; font-weight:bold; font-size:12px; text-transform:none; color:#abacad; padding:30px 26px; *padding:24px 24px 23px 24px; display:inline-block; background:url(../images/menu_button_bg.jpg) no-repeat right;}.sf-menu ul a{ text-decoration:none; font-size:12px; font-weight:bold}.sf-menu a { color: #fff;}.sf-menu li li a { color:#abacad;}.sf-menu li { background: url(../images/menu_bgs.png) no-repeat ;}.sf-menu li ul { width:126px; background:#222222 url(../images/sub_menu_bg.jpg) no-repeat 0 0 ; padding:15px 0 10px 0;}.sf-menu li li { width:126px; padding:0; display:block;}.sf-menu li li a { background: none !important; width:101px !important; padding:5px 5px 5px 20px !important; font-size:12px; text-transform:capitalize;}.sf-menu li li a:hover, .sf-menu ul li.last-child a:hover, .sf-menu li li#current a{ color:#fff; }.sf-menu li li li { background: #;}.sf-menu li:first-child, .sf-menu li.first-child { }.parent li:first-child a, .parent li.first-child a {}.sf-menu li:last-child, .sf-menu li.last-child {}.sf-menu li:last-child > a, .sf-menu li.last-child a {}.sf-menu li a:hover { background:url(../images/menu_button_curent.jpg) repeat-x; color:#fff;} .sf-menu li .separator { display: block; text-decoration:none;}/*** arrows **/.sf-menu a.sf-with-ul { padding-right: 0s; min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */}.sf-sub-indicator { position: absolute; display: block; right: 1.5em; width: 5px; height: 3px; text-indent: -999em; overflow: hidden;}a > .sf-sub-indicator { /* give all except IE6 the correct values */ top: 30px; background-position: 0 0; /* use translucent arrow for modern browsers*/}/* apply hovers to modern browsers */a:focus > .sf-sub-indicator,a:hover > .sf-sub-indicator,a:active > .sf-sub-indicator,li:hover > a > .sf-sub-indicator,li.sfHover > a > .sf-sub-indicator { background-position: 0px 0px; /* arrow hovers for modern browsers*/}/* point right for anchors in subs */.sf-menu ul .sf-sub-indicator { top:16px }.sf-menu ul a > .sf-sub-indicator { background-position: 0 0; }/* apply hovers to modern browsers */.sf-menu ul a:focus > .sf-sub-indicator,.sf-menu ul a:hover > .sf-sub-indicator,.sf-menu ul a:active > .sf-sub-indicator,.sf-menu ul li:hover > a > .sf-sub-indicator,.sf-menu ul li.sfHover > a > .sf-sub-indicator { top:16px /* arrow hovers for modern browsers*/}/*** shadows for all but IE6 ***/.sf-shadow ul { padding: 0 8px 9px 0;}.sf-shadow ul.sf-shadow-off { background: transparent;}.sf-menu .active>a { color:#000}.sf-menu a:hover { color:#000; }.sf-menu #current>a { color:#fff; background:url(../images/menu_button_curent.jpg) repeat-x;}.superfish_clear { clear: both !important; height: 1px !important; overflow: hidden !important; font-size: 1px !important; margin: 0 !important; padding: 0 !important;}
두번쨰 css입니다
Copy
/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/.sf-navbar { background: #BDD2FF; height: 2.5em; padding-bottom: 2.5em; position: relative;}.sf-navbar li { background: #AABDE6; position: static;}.sf-navbar a { border-top: none;}.sf-navbar li ul { width: 44em; /*IE6 soils itself without this*/}.sf-navbar li li { background: #BDD2FF; position: relative;}.sf-navbar li li ul { width: 13em;}.sf-navbar li li li { width: 100%;}.sf-navbar ul li { width: auto; float: left;}.sf-navbar a, .sf-navbar a:visited { border: none;}.sf-navbar li.current { background: #BDD2FF;}.sf-navbar li:hover,.sf-navbar li.sfHover,.sf-navbar li li.current,.sf-navbar a:focus, .sf-navbar a:hover, .sf-navbar a:active { background: #BDD2FF;}.sf-navbar ul li:hover,.sf-navbar ul li.sfHover,ul.sf-navbar ul li:hover li,ul.sf-navbar ul li.sfHover li,.sf-navbar ul a:focus, .sf-navbar ul a:hover, .sf-navbar ul a:active { background: #D1DFFF;}ul.sf-navbar li li li:hover,ul.sf-navbar li li li.sfHover,.sf-navbar li li.current li.current,.sf-navbar ul li li a:focus, .sf-navbar ul li li a:hover, .sf-navbar ul li li a:active { background: #E6EEFF;}ul.sf-navbar .current ul,ul.sf-navbar ul li:hover ul,ul.sf-navbar ul li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */}ul.sf-navbar .current ul ul { top: -999em;}.sf-navbar li li.current > a { font-weight: bold;}.sf-menu li .separator { border-left: none; border-top: none;}/*** point all arrows down ***//* point right for anchors in subs */.sf-navbar ul .sf-sub-indicator { background-position: -10px -100px; }.sf-navbar ul a > .sf-sub-indicator { background-position: 0 -100px; }/* apply hovers to modern browsers */.sf-navbar ul a:focus > .sf-sub-indicator,.sf-navbar ul a:hover > .sf-sub-indicator,.sf-navbar ul a:active > .sf-sub-indicator,.sf-navbar ul li:hover > a > .sf-sub-indicator,.sf-navbar ul li.sfHover > a > .sf-sub-indicator { background-position: -10px -100px; /* arrow hovers for modern browsers*/}/*** remove shadow on first submenu ***/.sf-navbar > li > ul { background: transparent; padding: 0; -moz-border-radius-bottomleft: 0; -moz-border-radius-topright: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 0;}
도와주세요 ㅠㅠ
답변 2개
채택된 답변
+20 포인트
ysnet
2015-05-04 (월) 12:31:43
ie9 이지만, 호환모드(ie7)로 본건 아닌가요?
2015-07-27 (월) 20:12:10
사이트 주소를 공개하셔야 될것같슴당
답변을 작성하려면 로그인이 필요합니다.