Problem with Dropdown in ie7

HTML & CSS
1

I’m troubleshooting someone else’s code. I got most of the ie7 bugs out but the last issue has me stumped.
When you rollover the drop down it displays, but disappears when you hover it. There appears to not be an issue with the proper overlap.

Thank you for any insights on how to fix this.

http://webventions.com/testing/test.html

E

2

Hi you have some validation errors on your website . I strongly suggest correcting those before atteptimg to correct you bug because it might be whats causing your bug.

http://validator.w3.org/check?uri=http%3A%2F%2Fwebventions.com%2Ftesting%2Ftest.html&charset=(detect+automatically)&doctype=Inline&group=0

3

If you look at the validation errors they are not ones that would cause this problem. They are obsolete tag errors (font) and attribute problems.
-Michael

4

Are you sure it’s an IE7 problem? I can’t get the drop-downs to work at all in Firefox or Chromium.

5

Sorry, I am tinkering with it right now. http://jasonkinard.com/wordpress/

Something I discovered is that adding a background-color makes it work. Unfortunately, a background-color can’t be added.
I know I’ve run into this issue before but can’t remember what causes it. Its something to do with the dimensions not being interpreted correctly by IE7.

E

6

I fixed it by pulling it closer in IE. Its not a great fix. The top of the menu should be 31px, but if it goes lower than 27px it behaves is if doesn’t overlap. Although really there is plenty of overlap.