Sorry, I should have pointed out that this issue exists in Firefox, but not in IE (both on windows).
Another question - in Firefox, I'm getting unwanted white spaces both above and below my content are (with the red background. I want the red area to come up to the black nav bar above and the grey footer below.
Any help woudl be greatly appreciated - I'm relatively new to CSS, if it doesn't show.
It looks as though the flyout menus are still within the document flow, and so they're pushing around other elements. Check the z-index and position properties.
Thanks, but again, I'm new to this - could you please clarify what is meant by "still within the document flow". Would the solution be to remove the "bar" div and make the menu its own div? Which would mean setting the menu width to 100%?
Any comments would be appreciated, in the meantime I'll also play around with the z-index and position properties.
Thanks again, I'm trying to be good and do all of this in CSS but it's frustrating. Please don't make me go back to the Fireworks pop-up menu in Javascript!