CODEWITHSUNDEEP
cssinternet-explorer-7drop-down-menu
Joseph
Joseph

Reputation: 33

CSS horizontal dropdown menu shows up on hover in FF, but not IE7

I've been trying to create a dropdown menu using straight CSS. When you hover over the menu in Firefox, the dropdown shows up perfectly. In IE7, the dropdown doesn't show up at all. For the life of me, I cannot figure out why.

CSS is here: http://pastebin.com/eiWndMeq

Demo: http://www.josephruscitti.com/client-concept/niki/

Upvotes: 1

Views: 831

Answers (2)

ern
ern

Reputation: 1512

In the CSS you provided, changing top: auto; to top: 20px; on line 57 works in IE7. Seems that IE7 just needs a little bit more guidance.

Upvotes: 0

Drew Dahlman
Drew Dahlman

Reputation: 4972

add a 1 px transparent image to the background-image to your drop down. It's a hack that will fix the drop down for IE.

Upvotes: 2

Related Questions