Problems with CSS menu in Internet Explor
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;
}
Megan posted this at 17:54 — 18th October 2005.
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,
Megan
Connect with us on Facebook!
Renegade posted this at 18:45 — 18th October 2005.
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.