Menu Drop Down

[bcs_ptx 0]

Boa tarde pessoal, não funciona meu menu, funcionou em todos menos no ie, tem como fazer de outra forma que funcione?

 

código

 

 

pagina

 

<link rel="stylesheet" type="text/css" href="menu_assets/styles.css">

<div id='cssmenu' class="fonte_branca">
<ul>
  <li class='active '><a href='home.php'><span>Home</span></a></li>
  <li class='active '><a href=''><span>Procedimentos</span></a>
  <ul>
        <li><a href='homeAtividade.php?cadastrarProcedimento'><span>Cadastrar</span></a></li>
        <li><a href='homeAtividade.php?filtrarProcedimento'><span>Filtrar</span></a></li>
     </ul>
  </li>
  <li class='active '><a href='index.html'><span>Avaliação</span></a>
  <ul>
        <li><a href='homeAtividade.php?cadastrarAtividade'><span>Cadastrar</span></a></li>
        <li><a href='homeAtividade.php?calendarioAtividade'><span>Calendário</span></a></li>
        <li><a href='homeAtividade.php?filtrarAtividade'><span>Filtrar</span></a></li>
     </ul>
  </li>
  <li class='has-sub '><a href='#'><span>Cadastros</span></a>
     <ul>
        <li><a href='#'><span>Médico</span></a></li>
        <li><a href='#'><span>Cliente</span></a></li>
        <li><a href='#'><span>Tipo Procedimento</span></a></li>
        <li><a href='#'><span>Modelo</span></a></li>
        <li><a href='#'><span>Introdutor</span></a></li>
     </ul>
  </li>
</ul>
</div>

 

css

 

#cssmenu{
border:none;
border:0px;
}
#cssmenu ul{
background:#333333;
height:35px;
list-style:none;
margin:0;
padding:0;
}
#cssmenu li{
float:left;
width:25%;
}
#cssmenu li a{
background:#333333 url('images/seperator.gif') bottom right no-repeat;
color:#cccccc;
display:block;
line-height:35px;
margin:0px;
padding:0px 25px;
text-decoration:none;
}
#cssmenu li a:hover, #cssmenu ul li:hover a{
background-color:#A6BFD4;
color:#FFFFFF;
text-decoration:none;
}
#cssmenu li ul{
background:#333333;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
#cssmenu li:hover ul{
display:block;
width:20%;
}
#cssmenu li li {
background:url('images/sub_sep.gif') bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:100%;
}
#cssmenu li:hover li a{
background:none;

}
#cssmenu li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
#cssmenu li ul a:hover, #cssmenu li ul li:hover a{
background-color:#A6BFD4;
border:0px;
color:#ffffff;
text-decoration:none;
}
#cssmenu p{
clear:left;
}

[William Bruno 1501]

qual versão do ie você está testando ?

 

e oq exatamente não funciona ?

[bcs_ptx 0]

qualquer uma, quando eu passo o mouse por cima dele ele não baixa o menu de opções

[William Bruno 1501]

o ie6 não entende :hover nas outras tags. Só entende na tag <a>.

 

A tua página tem doctype ? você validou a marcação e o css na w3c ?