views:

509

answers:

3

If you look at the menu for this site: http://writershore.com/ltlaw/

The menu looks great in Firefox, Chrome, etc, but in IE7 the menu drop downs don't break through the nested DIVs.

Is this an overflow issue? A z-index issue? I've tried variations of both and doesn't fix the result in IE.

Thanks for any ideas!

+2  A: 

The HTML code is broken. For starters you have two <html> tags. This will make the page render in quirks mode, which makes a dramatic difference for IE.

Fix the obvious errors in the html, then validate the page to see if there are any more problems in the code.

Guffa
A: 

Thanks for the direction and I should have been validating my code all along. I'll be working on this tonight ...

... after working to get the code validated tonight, the page is now validated.

However - the menus appear under the content section in IE.

Any suggestions?

JWM
+1  A: 

IF form elements or boxes are showing over top of the DIVs such as calendar popups it's not a bug in the javascript - it's a bug/feature of browsers. See this explanation

Brainache