Problems with CSS menu in Internet Explor

They have: 11 posts

Joined: Jul 2005

Hey there
I've put together a drop down CSS menu. It works fine in Firefox but when I view it in Internet Explorer it doesn't work at all- any suggestions. The code for the page is displayed below:

Blastbeat

body,td,th {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #FFFFFF;
}
ul{
padding: 0;
margin: 0;
list-style: none;
}

li {
float: left;
position: relative;
width: 10em;
height: 2em;
color: #FFFFFF;
background: #BF0000;
padding: 5px;
border: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

li ul {
display: none;
position: absolute;
top: 1em;
left: 0;
}

li > ul {
top: auto;
left: auto;
}
li:hover ul, li.over ul{ display: block; }
clear: left
a:link {
color: #FFFFFF;
text-decoration: none;
}
a:visited {
color: #FFFFFF;
text-decoration: none;
}
a:hover {
color: #FFFFCC;
text-decoration: none;
}
a:active {
text-decoration: none;
}
a:link {
color: #FFFFFF;
text-decoration: none;
}
body {
background-color: #000000;
}

  • Home
  • Mini-company Competition
  • Mini Companies
  • Band Competition
  • News
  • Media
  •  

    Megan's picture

    She has: 11,421 posts

    Joined: Jun 1999

    Hi onoff. Sorry we haven't been able to help you sooner. It took me awhile to figure this out (quite impressive!) but I'm thinking it might be the hover on the li. I think IE doesn't support hovers on elements other than links (could be wrong on that - might want to do some googling to find out).

    Oh, and BTW, the heights weren't lining up in Opera - the drop-downs work but the heights aren't even like they're supposed to be.

    I have seen menu systems like this that work cross-browser. Might want to google around for that too.

    Sorry I couldn't be of more help,

    Renegade's picture

    He has: 3,022 posts

    Joined: Oct 2002

    A List Apart has an article about what you're trying to do here, and it works cross browser, why not try and do a search there?

    Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.