Modificar altura e background das li´s nas ul´s

[Carlos Rocha]

Bom dia a todos e um Feliz 2013!

Fiz o css abaixo com esperança de que o fundo a cor de fundo da li mudasse quando passasse o mouse por cima dela.

Não funcionou

ul#lista_menu
{
  list-style-type:none;
  background-color:#D2E1E8; 
  padding-left:5px;
  margin: 0px auto;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 0px 0px 10px 10px;
  border: 2px solid #95A9B3;
}

ul#lista_menu li
{
  height:50px;
}
ul#lista_menu li.selected
{
  height:50px;
  background-color:#FFF; 
}

Eis o html

else
{
   echo "<label class=\"topos\" style=\"width:200px;\">&nbsp;CATEGORIAS</label>";
   echo "<ul id=\"lista_menu\">";
   while(list(
               $id_categorias,
               $nome_categorias,
               $imagem_categorias
              ) =$categorias_query->fetch_row())
  {
?>   
  <li>
     <a href="produtos.php?acao=listar&id_categorias_produtos=<?php echo $id_categorias;?>">
   <?php echo strtr(strtoupper($nome_categorias),"àáâãäåæçèéêëìíîïðñòóôõö÷øùüúþÿ","ÀÁÂÃÄÅÆÇÈÉÊËÌÍÎÏÐÑÒÓÔÕÖ×ØÙÜÚÞß");?>
     </a>
     <hr />
  </li>
<?php
  }
echo "</lu>";
}
?>

Outro problema é que eu coloquei a altura da li em 50px. Mas a primeira lí(só ela) saí só com uns 10px para qualquer altura que eu colocar.

Como corrigir este erros?

[Nosreve]

Buenas

tentan usar um hover na li para mudar o background dela

seria assim

li:hover{
  background-color:#FFF;
}

agora o teu outro problema não consegui identificar o erro

[Carlos Rocha]

Melhorou.

Obrigado!