Menu Imagenes de sustitucion

[alexk]

aver con esta imagen de ejemplo...

el html del menu

Código HTML:

<ul class="menu">
    <li><a href="#">menu uno</a></li>
    <li><a href="#">menu dor</a></li>
</ul>
 

y el CSS

Código CSS:

.menu li{background:url(menu.png) no-repeat;padding-left:20px;}
.menu li:hover{background-position:0 -30px;}
 

tan solo le damos un fondito al li y con la pseudo clase :hover "movemos" este fondito a la direccion donde esta la imagen de sustitucion y ya, chao y suerte