ie hor_dropdown menu problem

[Anonymous]

I am stuck at a horizontal drop down menu. It is working fine on Firefox 2.0 but not on IE5. I am using separate style sheets both for Firefox and IE. Is there any workaround to get the drop down menu work on IE5? Thanks in advance.

Html and CSS code goes like this:

HTML:

• | Home |
• | Plan |
• | Contact us |
• | Gallery |

  • Board Meeting
  • Functions
  • Production

• | About us |

CSS:
#main{
width:850px;
height:auto;
margin:0px auto;
background-color:#CCCCCC;
}

.header{
width:850px;
height:53px;
margin:0px auto;
}

.header ul{
width:400px;
height:auto;
background-color:#000000;
padding:0;
margin-top:0px;
margin-left:0px;
float:left;
}

.header ul li{
list-style:none;
float:left;
margin:7px 5px 0 5px;
}

.header ul li a{
color: #FFCC00;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding:4px 7px;
text-decoration:none;
}

.header ul li a:hover{
background-color:#CCCCCC;
color:#000000;
height:auto;
}

.header ul li ul {
position:absolute;
width:7em;
left:-999em;
float:none;
border-bottom:none;
float:none;
}

.header ul li:hover ul{
left:auto;
}

.header ul li ul li a{
margin-top:3px;
font-size:11px;
float:left;
}

.flags{
width:450px;
height:53px;
float:right;
background-color: #CCCCCC;
margin:0;
}

[Senff]

…..did you really mean FF 2.0 and IE 5?

[Anonymous]

thanks anyway. what about ie6?

[Author]

Posts