.menu {
    border:dashed gray 1px;
	width:160px;
}

.menu UL {
	/* Estas 3 lineas quitan el estilo de lista */
	list-style-type:none;
	padding:0;
	margin:0;
}

.menu LI {
	/* Estas 3 líneas son para homogeneizar el comportamiento entre navegadores */
	display:block;
	margin:0;
	padding:0;
}

.menu A {
	/* Estas líneas dan estilo a los botones de enlace */
	color:white;
	background:orange;
	display:block;
	padding:4px;
	text-decoration:none;
	text-align:center;
	margin:2px;
	border-radius:3px;
}	

.menu A:hover {
	background-color:silver;
}

.menu A.selected {
	background-color:darkred;
}


/* Ahora aplico estilos específicos al menú 1 para que sea horizontal */
#menu1 {
	width:auto;
	text-align:center;
}

#menu1 LI {
	display:inline;
}

#menu1 A {
	display:inline-block;
}

/* Ahora aplico estilos específicos al menú 2 para cambiar sus colores: */

#menu2 A {
	background-color:gray;
}

#menu2 A:hover {
	background-color:lightblue;
}

#menu2 A.selected {
	background-color:navy;
}