수다닷컴

windows7, IE10

-------------------// CSS
#gnb_sub_layer {
position: absolute;
width: 704px;
height: 100px;
background-color: black;
opacity: 0.4;
margin-top: 70px;
margin-left: 189px;
display: none;
}
#gnb li a:hover #gnb_sub_layer {
display: block;
}

--------------------// HTML
div id=head_bottom
div id=head_bottom_inner
h1 class=logo
a href=#unscorp/a
/h1
ul id=gnb
li id=gnb_shopa href=#쇼핑몰/a/li
li id=gnb_buya href=#구매대행/a/li
li id=gnb_deliverya href=#배송대행/a/li
li id=gnb_customera href=#고객센터/a/li
/ul
div id=gnb_sub_layer
sdfsdfsdfs
/div
/div
/div

위에 CSS와 HTML코드 입니다.
쇼핑몰 구매대행 등의 버튼의 마우스 오버시에 #gnb_sub_layer 이 div를 block으로 보여줘야 하는데
마우스 오버작동이 안되네요...
무엇이 잘못되었을까요? 답변 부탁드립니다. 꾸벅~

신청하기