Hola, siguiendo en esto del css de mi web me he topado con otro problema, le estoy haciendo un menu desplegable, con javascript y css. Ya he logrado el tema de que me oculte y muestre la divicion al pasar el puntero sobre el linck pero nececitaria que tambien al pasar el puntero sobre em mismo link, la imagen que este debajo de este cambie (para que de el efecto de seleccion), pero al hacerlo es como que la imagen de fondo no toma el tamaño entero de la divicion, es como que solo toma el tamaño de las letras.
Imagenes:
Normal :
Al pasar em mause por encima:
Otro problema que me sucede es que el texto no queda en el centro de la divicion, queda en el medio pero arriva.
Aca esta el html:
Código:
<div id="s_menu" onmouseout="ocultar('s_menu');"></div>
<div class="menu">
<div class="menu_items" align="center" onmouseover="mostrar('s_menu');">
<a >dfgd</a>
</div>
</div>
Aca esta el CSS
Código:
.menu_items{
position:relative;
z-index:100;
left: 52px;
top: 27px;
width: 109px;
height: 32px;
vertical-align:middle;
background:#000 url('s_munu_out.png') center top no-repeat;
}
.menu_items a:hover {
background:#000 url('s_munu_over.png') center top no-repeat;
width: 109px;
height: 32px;
}
Espero que me puedan ayudar, desde ya muchisimas gracias.