Mal wieder ein Problem beim Layout mit CSS.
Mit dem IE sieht alles so aus wies sein soll, bei Firefox und
Opera natürlich nicht 
Umgekehrt wird in den meisten Fällen ein Schuh draus, IE ist der in Sachen CSS zurückgebliebene Browser.
Ich kriegs einfach nicht hin, das es bei allen Browsern gleich
aussieht.
Das ist auch eine Wissenschaft für sich.
HTML und CSS Datein sind hier :
http://home.arcor.de/diemaus29/
Zum Font: Verdana ist größer als andere Schriften und wird allgemein als „böse“ gesehen. Der Font ist eine Art Hack, um eine leserliche Darstellung bei hohen Auflösungen zu erhalten. Verwende da besser Arial oder Trebuchet, und setze auf jeden Fall noch sans-serif auf die Liste:
font-family:Comic Sans MS, Arial, sans-serif;
Zur Positionierung: Ich sehe offen gesagt keine Struktur, die die Elemente wie gewünscht anordnen könnte. Dafür müsste irgendwo explizit eine Box erzeugt werden, die die gewünschte Breite hat.
Du könntest z.B. ein positionierungs-div mit der Positionierung und Breite von #title benutzen, in dem dann alle anderen Elemente enthalten sind. Das ist zwar im Sinne des Semantic Web eine kleine Sünde, aber es sollte funktionieren. Innerhalb dieses Blocks kannst du dann alle Elemente mit einer 0-Marge zum äußeren Rand verbauen.
