Das Problem ist jetzt allerdings, das der Firefox das Menü irgendwie nicht richtig floaten läßt. Also das Menü beginnt an Position X=0,Y=0 das ist soweit auch richtig. Allerdings wird die Headergrafik auch an Position X=0, Y=0 angezeigt, und Links wird das Menü über der Grafik angezeigt. Müßte die Headergrafik nicht an Position X=200, Y=0 liegen?
deren inhalt sollte da liegen
http://de.selfhtml.org/css/eigenschaften/positionierung.htm#float
ein float:left; auf #headerpic sollte dir helfen
btw: #headerpic ist kein guter name für eine id - warum nicht einfach nur #header oder eine überschrift <h1 /> mit dem ding als hintergrund und den text ausblenden?