Hola, estoy haciendo un menú de navegación horizontal con listas en css.
En Firefox me aparece bien pero en el explorer me aparece vertical. Alguien me podría indicar que es lo que estoy haciendo mal? Este es el codigo que tengo: A
.menustyle{
font-weight: bold;
font-family:arial;
font-size:15px;
}
.menustyle:after{
content: ".";
height: 0;
clear: both;
visibility: hidden;
}
.menustyle ul{
margin-left:0px !important; margin-left:0px;
}
.menustyle ul li{
width:600px;
display: block;
}
.menustyle ul li a{
color: white;
padding: 0px 25px;
margin: 0;
text-decoration: none;
}
.menustyle ul li a:hover{
color:#0B407E; /*THEME CHANGE HERE*/
}
/* ######### Style for Drop Down Menu ######### */
.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #7196B3; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 10px Verdana;
line-height:18px;
z-index:100;
background-color: white;
width: 175px;
visibility: hidden;
}
.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #7196B3; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: black;
text-align:left;
}
* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}
.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #F0F0F0;
color:#0B407E
}
