테스트 사이트 - 개발 중인 베타 버전입니다

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;} 이것이 안먹히는군요.
해결 방법이 없을까요? ㅠㅠ

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 2개

답을 아는데 답변드리기가 싫으네요. 님은 문제 해결되시면 항상 답변 채택을 안하시고 질문을 삭제하시는 관계로....
질문자님 채택을 좀 하셔야 될거 같네요 ㅋㅋ

게시글 목록

번호 제목
284508
284499
284492
284490
284484
284481
284478
284476
284474
284472
284470
284458
284457
284454
284453
284447
284446
284444
284441
284440