Problemas para fazer uma div aparecer no hover

[Danilo Alemeras 0]

Bom dia pessoal, estou com um problema que ta me frustrando d mais

 

Tenho um menu e quero que uma div apareca embaixo de uma determinada seção desse menu...contendo um sub menu dentro dessa div, porém estou passando mal e não consigo de forma alguma fazer ele funcionar! Criei o menu com sprite...vou por abaixo como ta o html e como esta o css do mesmo

 

css

#CM-Container #CM-topConteudo .CM-menu ul .drop {width: 150px;	height: 303px;	border-radius: 10px; border:1px solid #999; position:absolute; right:60px; display:none; top:45px; z-index:10; background-color: #ccc; padding-top:10px;}#CM-Container #CM-topConteudo .CM-menu ul .drop ul {list-style-type: none;}#CM-Container #CM-topConteudo .CM-menu ul .drop ul li {text-indent:0; float:left; width: 150px;	 height: 30px; background-image: none; text-align:center;}#CM-Container #CM-topConteudo .CM-menu ul .drop ul a {color:#999;}#CM-Container #CM-topConteudo .CM-menu ul .drop ul a:hover {color:#666;}#CM-Container #CM-topConteudo .CM-menu ul .home {width:62px; background-position:0 7px;}#CM-Container #CM-topConteudo .CM-menu ul .home:hover,#pg-home #CM-Container #CM-topConteudo .CM-menu ul .home.active {width:62px; background-position:0 -41px;}#CM-Container #CM-topConteudo .CM-menu ul .empresa {width: 104px; background-position:-62px 7px;}#CM-Container #CM-topConteudo .CM-menu ul .empresa:hover,#pg-empresa #CM-Container #CM-topConteudo .CM-menu ul .empresa.active {width: 104px; background-position:-62px -41px;}#CM-Container #CM-topConteudo .CM-menu ul .representante {width: 152px; background-position:-166px 7px;}#CM-Container #CM-topConteudo .CM-menu ul .representante:hover,#pg-representantes #CM-Container #CM-topConteudo .CM-menu ul .representante.active {width: 152px; background-position:-166px -41px;}#CM-Container #CM-topConteudo .CM-menu ul .produtos {width: 103px; background-position:-318px 7px;}#CM-Container #CM-topConteudo .CM-menu ul .produtos:hover,#pg-produtos #CM-Container #CM-topConteudo .CM-menu ul .produtos.active {width: 103px; background-position:-318px -41px;}#CM-Container #CM-topConteudo .CM-menu ul .noticias {width: 97px; background-position:-421px 7px;}#CM-Container #CM-topConteudo .CM-menu ul .noticias:hover,#pg-noticias #CM-Container #CM-topConteudo .CM-menu ul .noticias.active {width: 97px; background-position:-421px -41px;}#CM-Container #CM-topConteudo .CM-menu ul .contato {width: 75px; background-position:-518px 7px;}#CM-Container #CM-topConteudo .CM-menu ul .contato:hover,#pg-contato #CM-Container #CM-topConteudo .CM-menu ul .contato.active {width: 75px; background-position:-518px -41px;}

<div class="CM-menu"><ul>	<a href="index.php"><li class="home active">Home</li></a>		<a href="empresa.php"><li class="empresa active">Empresa</li></a>		<a href="representantes.php"><li class="representante active">Representantes</li></a>		<a href="javascript:;"><li class="produtos active">Produtos</li></a>				<div class="drop">					<ul>						<a href="javascript:;"><li>Laticínios</li></a>						<a href="javascript:;"><li>Doces</li></a>						<a href="javascript:;"><li>Institucional</li></a>						<a href="javascript:;"><li>Mercearia</li></a>						<a href="javascript:;"><li>Importados</li></a>						<a href="javascript:;"><li>Grãos</li></a>						<a href="javascript:;"><li>Temperos</li></a>						<a href="javascript:;"><li>Cereais</li></a>						<a href="javascript:;"><li>Frigoríficos</li></a>						<a href="javascript:;"><li>Diversos</li></a>					</ul>				</div>		<!-- <a href="noticias.php"><li class="noticias active">Notícias</li></a> -->		<a href="contato.php"><li class="contato active">Contato</li></a>	</ul></div>

[reebr 94]

Troque de:

<a><li></li></a>

 

para:

 

<li><a></a></li>