Hello, I am having an issue with my menu bar on the site http://foreignaid.ca/ As I navigate around the site, every now and then, the page loads with some of the items in the top navigation bar "floating" down below the ones in the grey bar. See attached image. When I refresh the page, or navigate to another page, the nav loads properly. Here's my css file: http://www.foreignaid.ca/templates/foreignaid_template/css/template_css.css The relevant classes are #topnav styles. Has anyone experienced something like this before? I can't figure out what in the code might be causing this... Any help would be greatly appreciated.
Well, first off you're using XHTML style tags in a HTML 4.01 Transitional doctype. This is causing the head tag to prematurely close. I'd suggest getting the HTML to validate and then see where you stand. Then run the CSS through a validator, see what it says.