IE y CSS (display:block)

hola a todos^^

Mi problema es el siguiente, hace que he echo una pagina con XHTML+CSS, le he puesto un menu hecho por listas flotado a la izquierda y que al pasar por encima se muestre como un bloque. En FF me sale justo como quiero que me salga,cambiando de color el fondo del elemento "li" al pasar sober este, pero en IE solo hace el efecto cuando situo el raton justo en el texto.

Me he encontrado con esto y he mirado en otras paginas para ver si encontraba como resolverlo...pero no he encontrado nada, asi que si me podeis echar una mano...gracias^^

os dejo el codigo CSS del menu:

Código :

#navegacion{
width:140px;
float:left;
margin-top:10px;
margin-left:0px;
}

#navegacion ul{
padding:0px;
margin:0px;
}
 
#navegacion li{
margin:1px;
padding:0px;
list-style-type:none;
border-bottom: 1px solid #DDDDDD;
border-left:6px solid #1E90FF;
}

#navegacion li a {
text-decoration:none;
display:block;
padding:4px;
color:#1E90FF;
}

#navegacion li a:hover {
background-color:#97CBFF;
padding: 4px 4px 4px 16px;
color:#FFFFFF;
}

[/code]

bien, a "ojo de buen cubero" podrías asignarle un width al elemento que quieres que aparezca como block, a veces ie hace cosas extrañas.
también podrías probar flotando éste elemento, a ie le gusta que le "floten" las cosas (y no es albur)

noctam, también sería buena idea que adjuntaras el código html para tener un mejor idea de la situación

un saludo

No uses el padding, mejor usa width y line-height. Además asi corriges tu problema.

Código :

#navegacion li a {
text-decoration:none;
display:block;
width:100px;
line-height:30px;
color:#1E90FF;
}

#navegacion li a:hover {
background-color:#97CBFF;
color:#FFFFFF;
}