Probleme mit Abständen im Design

[Alex]

Hallo,

ich wollte per HTML und CSS ein schönes Design erstellen und bin relativ neu in der Materie.

Hier habe ich meinen Versuch als ZIP-Datei mal hochgeladen:
http://archiv.to/?Module=Details&HashID=FILE4616948D95D84

Wer die Index.html öffnet, wird schnell sehen, dass zwischen dem Header und der Naviagtion eine viel zu große Lücke ist (beim Internet Explorer ist es nicht ganz so schlimm wie bei Firefox). Jedenfalls überlappt sich die Navigation so mit dem Bereich für den Inhalt. Und das soll natürlich nicht so sein.

Hat jemand eine Ahnung, wie ich die Navigation so hinbekomme, dass sie quasi nahtlos (oder mit ein paar Pixeln Abstand) an den Header anschließt?

Vielen Dank für Hilfe!