Rykke CSS og ul menu ned

Et af problemerne er at højden på din hvide streg er afhængig af skriftstørrelsen på overskrifterne <h1>Allan Berthelsen</h1> og <h2>Academy Profession ...</h2>.

For det første angiver du ikke skriftstørrelse på nogen af de to overskrifter, og browserne vælger derfor forskellige default-værdier.

For det andet er tekst-renderingen forskellige i de to browsere, så du kan ikke være sikker på at teksterne altid har en pixel-perfekt højde.

Sæt derfor en fast højde på din #header, så du ved hvor høj den er. Det kunne fx være 50px.

Sæt af samme årsag også en fast højde på dine "#menu a".

Fx:
#menu{margin-top:45px}
#header{height:60px}
#menu a{height:20px}

Kunne du måske smide css og html/xhtml/asp/php ind?

Ved ikke om det er dette kan løse det. Er lidt forvirret

 <div style="margin-right:5px;">DIN MENU HER!</div>

Når det er en tabel du laver kunne det sådan her ud

 <table style="margin-right:5px;">