li:hover 이 안먹히는 이유 뭔가요? ㅠㅠ 정보
li:hover 이 안먹히는 이유 뭔가요? ㅠㅠ
본문
#main_menu {list-style-type:none; position:absolute; margin-left:250px; top:82px;}
#main_menu li {float:left;}
#main_menu li a {font-weight:bold; display:block; font-size:16px; padding:7px 40px;}
#main_menu li a:hover {color:#fff600;}
#main_menu li ul {display:none; position:absolute; list-style-type:none; top:34px;}
#main_menu li ul li a {display:block; font-size:13px; color:#61ac1e; padding:5px 13px;}
#main_menu li ul li a:hover {color:#FF9900;}
#main_menu li:hover ul {display:block;}
<ul id="main_menu">
<li><a href="#">회사소개</a>
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
<li><a href="#">menu3</a></li>
</ul>
</li>
</ul>
-------------
위와 같이 코딩시 그누보드만 적용하면 IE에서 하위메뉴가 안나옵니다.
css 마지막줄 #main_menu li:hover ul {display:block;} 이것이 안먹히는군요.
해결 방법이 없을까요? ㅠㅠ
#main_menu li {float:left;}
#main_menu li a {font-weight:bold; display:block; font-size:16px; padding:7px 40px;}
#main_menu li a:hover {color:#fff600;}
#main_menu li ul {display:none; position:absolute; list-style-type:none; top:34px;}
#main_menu li ul li a {display:block; font-size:13px; color:#61ac1e; padding:5px 13px;}
#main_menu li ul li a:hover {color:#FF9900;}
#main_menu li:hover ul {display:block;}
<ul id="main_menu">
<li><a href="#">회사소개</a>
<ul>
<li><a href="#">menu1</a></li>
<li><a href="#">menu2</a></li>
<li><a href="#">menu3</a></li>
</ul>
</li>
</ul>
-------------
위와 같이 코딩시 그누보드만 적용하면 IE에서 하위메뉴가 안나옵니다.
css 마지막줄 #main_menu li:hover ul {display:block;} 이것이 안먹히는군요.
해결 방법이 없을까요? ㅠㅠ
댓글 전체
답을 아는데 답변드리기가 싫으네요. 님은 문제 해결되시면 항상 답변 채택을 안하시고 질문을 삭제하시는 관계로....
질문자님 채택을 좀 하셔야 될거 같네요 ㅋㅋ