Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/02/2008, 08:24
sanmi69
 
Fecha de Ingreso: septiembre-2004
Mensajes: 191
Antigüedad: 22 años
Puntos: 1
Eventos CSS para ocultar un div.

Hola. tengo el siguiente porblema y no soy capaz de solucionarlo, ya que el css no e slo mio jeej.


tengo el siguiente div:
Código PHP:
<div id="idMenuFlotante" class="MenuFlotante" style="display:none">
<
ul>
    <
li>
        <
a>Finalizar Carga</a>
    </
li>
    <
li>
        <
a>Eliminar Carga</a>
    </
li>
</
ul>
</
div> 
y en el CSS lo siguiente:

Código PHP:
.MenuFlotante {
    
position: absolute;
    
border-color: #ffffff;
    
background-color: #ffffff;
}

.
MenuFlotante li{
    
width:120px;
    
height:20px;
    
background-color: #5e5e8b;
    
font-family: Verdana, Arial, Helvetica, sans-serif;
    
font-size: 11px;
    
font-weight: normal;
    
color: #ffffff;
    
padding-top: 5px;
    
padding-bottom: 5px;
    
border-color: #ffffff;
} 
El menu por defecto esta oculto. Se muestra mediante javascript.

Lo que kiero conseguir es cambiar el color de fondo del li cuando el raton este encima.
Y que cunado el raton salga del menu este se oculte. Seria algo asi, solo que no funciona:

Código PHP:
.MenuFlotante li:hover{    
    
background-color: #fff000;    
}
.
MenuFlotante:out{    
     
display:none;
 } 

gracias