CSS Drop Menus work in IE?

[matt_12511]

Hello everyone,

I am working on my new site and would like to use CSS to create the drop menus. I recently read a post stating IE does not allow CSS drop menus. Is this true?

Thanks,

Matt

[Digitalman]

No it's a big lie.

[CyberAlien]

http://www.alistapart.com/articles/horizdropdowns/
http://www.alistapart.com/articles/dropdowns/

[Paul O'B]

stating IE does not allow CSS drop menus

IE does not do drop menus unless you add a little bit of js because it doesn't recognise hovers on anything other than anchors.

The links cyberalien showed you should start you on the right track

Paul

[matt_12511]

http://www.alistapart.com/articles/dropdowns/

Awesome link!!

Thanks,

Matt

[matt_12511]

I have posted the page I am working on here:

www.faceproject.org/new/resources

1) I am having a difficult time getting the text to center (vertical and horizontal) in the menu. Also the drop down <li>'s seem to keep their 30px height but when you hover over a link with drop down items the first item smashes up into the main link.

2) Also I need to have a yellow border on the top of each drop down link but not across all the main links.

**I fixed #2 with this:
li ul li {
border-top-width: 4px;
border-top-style: solid;
border-top-color: #F2BF49;
text-align: center;
vertical-align: middle;
border-left-width: 0;
border-left-style: none;
border-left-color: #000000;
}

Still working #1

**

Anyone know how to solve these issues?

Please follow the above link to get an idea of what I am talking about.

Matt

ps. something I haven't tried but may be the solution is to create two seperate DIVs that will dictate whether its a main level link or drop down link. Then I can set the attributes of each. Will that work?