/* Primero definimos el añcho de la capa, que debe ser del ancho del lienzo: */
#menu {
width: 150px;
margin: 50px;
}

/* Definimos el estilo nuestra lista */

#menu ul {
list-style: none;
margin: 0;
padding: 0;
font-family:Verdana,Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight: bolder;
}

/* Ahora las características comunes de cada item */

#menu li a {
text-decoration: none;
height: 28px;
display: block;
padding: 9px 0 0 24px;
background-image:url(menu.gif)
/*background:  url(menu.gif);*/
}

/* Ahora las caraterísticas especiales */

#menu li a:link, #menu li a:visited {
color: #777;
}

#menu li a:hover {
color: #257EB7;
background-position: 0 -36px;
}

#menu li a:active {
color: #fff;
background-position: 0 -72px;
}