Como realizar Menus con CSS

Como realizar Menus con CSS?

La manera mas comun de realizar Menu, es utilizar Listas.
O sea estructuramos el MENU en XHTML con Listas y como no necesitamos Orden con listas No Ordenadas las UL.

Creamos un estilo personalizado (Estilo de clase)

#menu { 
 list-style:none; //No hay viñetas
 margin:0;  //No hay Margen
 padding:0; No hay padding (Distancia entre el contenido y el borde)
}

Luego a cada elemento .menu li a, le realizamos un diseño especial
y aca cada elemento .menu li a:hover tambien.

#menu a {
 text-decoration: none;
         width: 140px;
 color: #3366CC;
 background: #F0F7FC;
 padding: 3px 6px;
 
}


#menu a:hover {
 background: #DBEBF6;
}