What is wrong with my CSS/XHTML code?

[ppc_michael]

Hello,

I am redesigning a site. I'm working on a mockup in Photoshop, but I started laying out some of the very basic elements in XHTML/CSS to make sure it works.

It is here:
http://www.ares-woo.com/tablinks/structured.php

I'm having trouble with the navigation bar (the "about us / our shows / etc" part). It shows up the way I want it to in Safari: at the top of the page, to the right of the "MSU Telecasters" part. It also displays correctly in Camino.

But in every other browser--Firefox (both Win & Mac), Internet Explorer (Win), etc, the navigation bar drops down under where I want it to be, into the red space below it.

Why is that? I don't see anything wrong with my code, but I am self-taught so there could be something very obvious that I just never learned.

Thanks!

 

[Aranince]

Try putting your <div id="navigation"></div> before you do the logo image.

 

[elppa]

Try increasing the text size and your layout breaks horribly.

There are ways around this.

 

[janey]

haven't looked at the site, but if you're having ff issues, get the Firebug and Web Developer extensions.

Firebug lets you hover over stuff and see exactly where the html is, what's being applied to it, margins, whatever. Everything. Insanely useful.

edit: like this (my cursor is hovering above the "A Greener Apple" image) http://img247.imageshack.us/img247/5251/applefirebugxm4.jpg