PDA

Volledige versie bekijken : background hover werkt niet


Enigma²
%Europe/Berlin %556 %2008, 14:20
hieronder staat mijn css voor het menu.In IE6 werkt de hover bij het submenu wél, maar bij het vaste menu niet (de background alleszinds niet). Waar zit de fout dan ergens, want dit is toch zeer vreemd.De tekstkleur kan ik wel laten hoveren,maar de achtergrond lukt niet.Ook de submenu's werken perfect in IE ouder dan de 7.

nav is de id van het volledige menu, groter/normaal zijn de id's van de eerste li's
#nav {position : absolute;
top:178px;
left:67px;
font-size:11pt;
text-align:center;
width:700px;
}

#nav a {
font-weight: ;
color: #9b6f41;

}

#nav li li a {
display: block;
font-weight: normal;
color: #9b6f41;
padding: ;
}

#nav li a {
display: block;
font-weight: normal;
color: #9b6f41;
padding: ;
}

#nav li a:hover {
padding:0px ;
border:0px ;
border-width:0px ;
background-color:#9b6f41;
color:white;
}

#nav li li a:hover {
padding:0px ;
border:0px ;
border-width:0px ;
background-color:#9b6f41;
color:white;
}

li {
float: left;
position: relative;
text-align: center;
cursor: default;
background-color: white;
color:#9b6f41;
border: ;
border-width:;
}

li ul {
display: none;
position: absolute;
top: 100%;
left:0px ;

font-weight: normal;
background: white;
padding: ;
border-right: ;
}

li>ul {
top: auto;
left: 0px;
}

li li {
display: block;
float: none;
background-color: transparent;
border: 0;
}

li:hover ul, li.over ul {
display: block;
}

li#normaal{width:105px;}
li#normaal li{width:105px;}
li#normaal a:hover{background-color:#9b6f41;}
li#normaal li a:hover{background-color:#9b6f41;}
li#groter{width:150px;}
li#groter li{width:150px;}
li#groter a:hover{background-color:#9b6f41;}
li#groter li a:hover{background-color:#9b6f41;}

Bargok
%Europe/Berlin %568 %2008, 14:38
:hover is in IE6 alleen mogelijk op a elementen. Op li zal deze worden genegeerd.
Oplossingen en aanpak dit te doen in IE6 zijn massaal te vinden als je googled op hover Ie6 ofzo :)