Estoy intentando hacer un menu en linea, mediante una lista desordenada, pero cono iconos que cambien con hover, pero algo hago mal, porque no sale este el el codigo HTML:
Código:
HTML:
<div id="iconos">
<ul>
<li><a id="icono1" href=""></a></li>
<li><a id="icono2" href=""></a></li>
<li><a id="icono32" href=""></a></li>
</ul>
</div>
y este el CSS:
Código:
CSS:
#iconos ul li {
display: inline;
list-style: none;
}
#icono1 {
background-image: url(../img/casita_L.png);
background-repeat: no-repeat;
}
#icono1:hover {
background-image: url(../img/casita_on_L.png);
background-repeat: no-repeat;
}
#icono2 {
background-image: url(../img/sobre_L.png);
background-repeat: no-repeat;
}
#icono2:hover {
background-image: url(../img/sobre_on_L.png);
background-repeat: no-repeat;
}
Que es lo que esta mal?