.halfmoon {
background: #100669;         /* Importante esta línea para que el menú cubra todo el ancho de la pantalla */
}

.halfmoon ul {
margin-top: 3px;
margin-left: 0px;            /* Es necesario porque parece no ser el parametro por defecto para Internet Explorer 6 */
padding: 0px 0px 0px 0px;    /* Es necesario porque parecen no ser los parametros por defecto */
height: 27px;                /* La altura de las celdas quedó determinada por las imágenes "Search" y "Register" */
}

.halfmoon li {
display: inline;
}

.halfmoon li a {
float: left;
text-decoration: none;
font: bold 14px Arial;
color: white;
padding: 5px 5px 6px 5px;    /* El primero de los cuatro parametros es el padding-top, y el tercero es el padding-bottom */
border-right: 1px solid white;
}

.halfmoon li a:visited {
color: white;
}

.halfmoon li a:hover, .halfmoon li.selected a {
background-color: #403699;
height: 16px;                /* Para que los desplegables salgan bien alineados; el 16 salió por pura prueba y error */
}

/* *************************************** */
/* *** Estilo para el menú desplegable *** */
/* *************************************** */

.desplegable {
position: absolute;
top: 0;
border: 0px solid #ffffff;
border-width: 0px 0px;
font: normal 14px Arial;
line-height: 18px;
z-index: 100;
background-color: #100669;
width: 160px;                /* Era "width: auto;" hasta que descubri que "auto" no funciona en Internet Explorer 6 */
visibility: hidden;
}

.desplegable a {
width: auto;
display: block;
text-indent: 0px;
border: 0 solid #100669;
border-bottom-width: 0px;
padding: 5px 5px 5px 5px;
text-decoration: none;
color: white;
}

* html .desplegable a {      /* Sólo para ciertas versiones de Internet Explorer */
width: 100%;
}

.desplegable a:hover {
background-color: #403699;
}