Hi,
#kontainer{
text-align:left;
width:900px;
height: 560px;
übel - was ist, wenn das Fenster niedriger ist oder der Inhalt größer (denke auch an Schriftvergrößerung).
margin:5% auto;
Mal festhalten: hier definierst Du 5% der Fensterhöhe als oberen Abstand.
z-index:1;
der wirkt sich nur auf positionierte Elemente aus.
#navi {
position:absolute; top:100px; left:55px;
übel - Du kannst nicht wissen, wieviel px die zuvor definierten 5% ergeben.
font: bold 12px/1Arial;
"1Arial" ist kein gültiger Wert für line-height. Abgesehen davon würde bei der font-family die generische Angabe fehlen.
#menu a:hover {
color: white;
die erneute Farbangabe ist überflüssig.
<body style="background-color: #000; margin:0; padding:0;">
<div id="kontainer" style="width:900px; height:560px;">
warum hier inline-styles?
<div id="navi">
<div id="menu">
wozu das innere DIV? Und wozu überheipt ein DIV? <ul id="navi"> wäre angemessen und ausreichend.
freundliche Grüße
Ingo