Dropdown virker ikke i IE6
Hej,Jeg har brugt en del tid på at finde en dropdown menu der virker i IE6 og uden z-index problemer.
Jeg startede ud med denne: http://www.cssmenumaker.com/builder/menu_info.php?menu=057
som jeg har lavet en del ændringer på, blot for at finde ud af at dropdown funktionen ikke virker i IE6.
JEg har googlet og foprsøgt mig med de løsninger jeg fandt, kunne dog ikke få det til at virke.
Der gives max point da jeg simpelthen er træt af at bruge så meget tid på at finde en løsning.
Min css ser sådan ud:
.menubbc{
border: 1px solid #4f91b6;
border-top:none;
margin: -4px 0px 4px 0px;
padding:0px;
font: 67.5% "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
}
.menubbc ul{
background:#20354c url("images/bg_list.gif");
height:35px;
list-style:none;
margin:0;
padding:0;
}
.menubbc li{
float:left;
padding:0px;
}
.menubbc li a, .menubbc li a:visited{
background: url("images/seperator.gif") bottom right no-repeat;
color:#ffffff;
display:block;
font-weight:normal;
line-height:35px;
margin:0px;
padding:0px 10px;
text-decoration:none;
}
.menubbc li a:hover, .menubbc ul li:hover a{
background: #20354c url("images/hover.gif") bottom center no-repeat;
color:#FFFFFF;
text-decoration:none;
}
.menubbc li ul{
background:#20354c;
display:none;
height:auto;
padding:0px;
margin:0px;
border:0px;
position:absolute;
width:180px;
z-index:200;
/*top:1em;*/
/*left:0;*/
}
.menubbc li:hover ul{
display:block;
}
.menubbc li li {
background:url("images/sub_sep.gif") bottom left no-repeat;
display:block;
float:none;
margin:0px;
padding:0px;
width:180px;
}
.menubbc li:hover li a{
background: url("images/seperator.gif") bottom right no-repeat;
}
.menubbc li ul a{
display:block;
height:35px;
font-size:12px;
font-style:normal;
margin:0px;
padding:0px 10px 0px 15px;
text-align:left;
}
.menubbc li ul a:hover, .menubbc li ul li:hover a{
background:#000000 url("images/hover_sub.gif") center left no-repeat;
color:#ffffff;
text-decoration:none;
}
.menubbc p{
clear:left;
}
Hvordan får jeg aktiveret hover for IE6 i denne menu?
