Problema con rollover

[reusin]

Tengo un menú sencillito creado con CSS y al tratar de crear el cambio de imagen al pasar el cursor por encima, resulta que en vez de cambiarse esa opción, se me cambia de golpe todo el menú. Soy bastante inexperto y será una tontería pero no la encuentro. Adjunto el CSS para ver si hay algo extraño y si me podéis echar una mano. GRacias

ul.menu
{
text-align:center;
list-style:none;
font-family:"Times New Roman", Times, serif;
padding:4px;
text-align:left;
vertical-align:top;
}
ul.menu li
{
position:relative;
margin-bottom: 4px;
width:110px;
padding:2px;
background-image:url(../Imagenes/Fondos/fd_menurojo1.gif);
display:block;

}
ul.menu:hover li
{
position:relative;
margin-bottom: 4px;
width:110px;
padding:2px;
background-image:url(../Imagenes/Fondos/fd_menuazul1.gif);
display:block;


}
ul.menu ul
{
position:absolute;
left:75px;
top:0px;
display:none;
list-style:none;
}

ul.menu li:hover > ul
{
display:list-item;
}