Soy muy novato en este tema. Estoy haciendo un menu CSS para mi web y resulta que me va en todos los exploradores menos en ie7...
¿Que hago mal? ¿Me podéis ayudar?
Cita:
/*MAIN NAVIGATION*/
#nav, #nav ul{
float: left;
list-style-type: none;
line-height: 2;
padding: 0;
border-width: 0px 0;
margin: 0 0 0 .0em;
}
#nav ul li ul:hover a{
background: #000000; /*highlight color*/
}
#nav a{
display: block;
color: #FFFFFF;
/*0179b8*/
text-decoration: none;
padding: .0em 1em;
}
#nav li{
float: left;
padding-left: 0px;
}
#nav li ul{
position: absolute;
left: -999em;
width: 149px;
font: 10pt arial; /* sub menu font and fontsize */
margin: 0;
}
#nav li li{
width: 149px; /*menu window width for png*/
}
#nav li ul a{
margin-right: 0px;
margin-left:0px;
}
#nav li ul li:hover a{
background: #000000; /*highlight color*/
}
#nav li:hover ul, #nav li.sfhover ul{
left:auto;
}
#nav a:hover{
color:#FFFFFF;
}
#nav .bot{
background-image: url("../fondomenu.jpg");
background-repeat: no-repeat;
background-position: top center;
height:0px;
}
#nav .mid{
background-image: url("../fondomenu.jpg");
background-repeat: repeat-y;
background-position: center center;
}
#nav .top{
background-image: url("../fondomenu.jpg");
background-repeat: no-repeat;
background-position: top center;
}
#navcont ul li:hover{
background-image: url('../fondomenu.jpg');
}
#nav, #nav ul{
float: left;
list-style-type: none;
line-height: 2;
padding: 0;
border-width: 0px 0;
margin: 0 0 0 .0em;
}
#nav ul li ul:hover a{
background: #000000; /*highlight color*/
}
#nav a{
display: block;
color: #FFFFFF;
/*0179b8*/
text-decoration: none;
padding: .0em 1em;
}
#nav li{
float: left;
padding-left: 0px;
}
#nav li ul{
position: absolute;
left: -999em;
width: 149px;
font: 10pt arial; /* sub menu font and fontsize */
margin: 0;
}
#nav li li{
width: 149px; /*menu window width for png*/
}
#nav li ul a{
margin-right: 0px;
margin-left:0px;
}
#nav li ul li:hover a{
background: #000000; /*highlight color*/
}
#nav li:hover ul, #nav li.sfhover ul{
left:auto;
}
#nav a:hover{
color:#FFFFFF;
}
#nav .bot{
background-image: url("../fondomenu.jpg");
background-repeat: no-repeat;
background-position: top center;
height:0px;
}
#nav .mid{
background-image: url("../fondomenu.jpg");
background-repeat: repeat-y;
background-position: center center;
}
#nav .top{
background-image: url("../fondomenu.jpg");
background-repeat: no-repeat;
background-position: top center;
}
#navcont ul li:hover{
background-image: url('../fondomenu.jpg');
}
Gracias!