Botones de colores

[chulifo]

Código HTML:

<div id="menu">
            <ul>
            <li id="iten1"><a href="#">Home</a></li>
            <li id="iten2"><a href="#">Sobre Nosotros</a></li>
            <li id="iten3"><a href="#">Servicios</a></li>
            <li id="iten4"><a href="#">Contacto</a></li>
            </ul>
      </div>
 

Código CSS:

#iten1 a:hover { background-color:#000;}
#iten2 a:hover { background-color:#096;}
#iten3 a:hover { background-color:#F00;}
#iten4 a:hover { background-color:#ffd800;}