Need css help

[mstevenson]

Need css help

This page looks and acts correctly in Monzilla and Firefox except for the color of the second level fly outs under:

"GENERAL": Studio Policies and Privacy Policies and the same under "SUPPORTIVE INFO": Web Questionnaire

I also noticed that the <h1> shows out-of-place in Firefox.


In IE and Opera it is messed up! The menu tab for PHOTOS shows solid and has the <h1>About Us included and it also pushes the page content down.


The css for the drop menu will be an external css and the html of the menu will be an include call.

So-o-o-o: I need to have the menu look and perform in 'all' browsers. And if someone can figure out the cause of the incorrectly colored fly-outs, I would consider that an extra.

Here is the page in question:


www.waterfallrecordings.com/sendaboutus.html

Thanks

[mstevenson]

BTW: _Aerospace_Eng_ suggested using clear:both on the H1.the clear:both; that did bump the H1 down to its proper place in Firefox. However; now the drop menus won't show for enough time to move the cursor down the selections!

In IE6 (My cousin hasn't upgraded to IE7 yet), The clear:both didn't do anything. When I go back upstairs I'll try it in Opera 7 and Opera9.

As for the color; when the menus fly out, while in the active stage all of the menus within their particular fly out grouping should be the same.

Tomorrow I'll try adding some screen shots to the page!

[mstevenson]

Instead of the screen shot, I've managed to get closer to what I'm trying to do.

The page in question is:

http://www.waterfallrecordings.com/testaboutus.html

The page validates as XHTML at the W3C, but when I used the W3C CSS Validator I received:

menu :hover > a, .menu ul ul :hover > a Parse Error -

The page works fine on Firefox. On IE6 it look as I want it but the menu doesn't function. except for the initial dropdown from HOME.

The page source shows the Conditional Comments used; I'm guessing that additional CC's may be needed for IE.

This is where I need the help!

Thanks,
Michael