Este es un menú que flota a la izquierda y hace el cambio de imagen que buscas, espero te sirva
ahh por cierto sólo tienes que crear las imágenes *.png de 10 x 10 px y listo!...
Código:
div#columna1 {
float : left;
width : 200px;
height : 385px;
margin : 10cm .7em 2cm .9em;
padding : 0;
text-align : left;
}
#columna1 ul {
list-style-type : none;
margin : .4cm 0 0 2.2em;
padding : 2px;
}
#columna1 >ul li {
margin : 0;
padding : 3px;
font-size : 8pt;
font-family : Tahoma, Arial, Verdana, Serif, Symbol;
}
#columna1 >ul li a {
display : block;
text-decoration : none;
width : auto;
height : 17px;
margin : 0;
padding : 2px 0 0 20px;
background : Transparent url(imagenes/vineta_link.png) left no-repeat;
color : #828598;
}
#columna1 >ul li a:hover {
display : block;
width : auto;
height : 17px;
background : Transparent url(imagenes/vineta_hover.png) left no-repeat;
color : #000;
}
Slds y cualquier duda aquí estamos para ayudarte...
