Problem mit div Bereich im IE und Firefox

[lakul]

Hallo!

Ich benutze folgenden css Datei um das Aussehen der Seite www.dein-poster.com zu erzeugen. Im Internet Explorer sieht auch alles perfekt aus nur, im Firefox rutscht das Menü immer ein Stück nach unten. Ich finde leider den Fehler nicht, ich hoffe mir kann einer helfen.

Danke im Voraus.

Der DIV Bereich für die Navigation heißt "Navigation"

Die CSS Datei:

/* Seiten Hintergrund */

body {
background-image: url(images/backg.jpg);
background-repeat: no-repeat;
/* background-attachment: fixed;
background-position: top; */
}

/* Ueberschriften */

h2,h3 { font-family: arial, verdana, helvetica, sans-serif; color: #000000; text-align:center; }
h1 { font-family: BankGothic Md BT; font-size: 16pt; text-align: center;}
h2 { font-size: 11pt; }
h3 { font-size: 11pt; }
h4 { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11pt; font-wight:bold;}
h5 { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 13pt; font-weight:bold;}
h6 { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 9pt; font-weight:bold;}
p { font-family: Arial, Helvetica, sans-serif; color: #000000; font-size: 11pt; /*font-weight:bold;*/ }

/*Links*/

a:link { text-decoration:none; font-weight:bold; }
a:visited { text-decoration:none; font-weight:bold; }
a:hover { text-decoration:none; font-weight:bold; background-color:#999999; }
a:active { text-decoration:none; font-weight:bold; }
a:focus { text-decoration:none; font-weight:bold; }

/*DIV Bereiche*/
/*Navigation*/

ul#Navigation {
position: absolute;
z-index: 5;
float: left;
width: 495px;
height: 10px;
left: 233px;
top: 128px;
}
/*Navigatiopic*/

div#hide {
position: absolute;
z-index: 3;
float: left;
width: 70px;
height: 71px;
left: 187px;
top: 100px;
padding: 0;
padding: 0 0em;
visibility: hidden;
}

div#hide2 {
position: absolute;
z-index: 4;
float: left;
width: 70px;
height: 71px;
left: 187px;
top: 100px;
padding: 0;
padding: 0 0em;
visibility: hidden;
}

div#hide3 {
position: absolute;
z-index: 6;
float: left;
width: 70px;
height: 71px;
left: 187px;
top: 100px;
padding: 0;
padding: 0 0em;
visibility: hidden;
}

div#hide4 {
position: absolute;
z-index: 10;
float: left;
width: 70px;
height: 71px;
left: 187px;
top: 100px;
padding: 0;
padding: 0 0em;
visibility: hidden;
}

div#hide5 {
position: absolute;
z-index: 11;
float: left;
width: 70px;
height: 71px;
left: 187px;
top: 100px;
padding: 0;
padding: 0 0em;
visibility: hidden;
}

div#sitepic {
position: absolute;
z-index: 2;
float: left;
width: 70px;
height: 71px;
left: 187px;
top: 100px;
padding: 0;
padding: 0 0em;
}

/*Inhalt*/

div#headline {
position: absolute;
top: 203px;
left: 187px;
height: 27px;
width: 336px;
z-index:1;
overflow: hidden;
/* filter:alpha(opacity=60);
-moz-opacity:0.6;
background-color:#E5E5E5; */
}

div#Inhalt {
position: absolute;
top: 230px;
left: 187px;
height: 290px;
width: 654px;
z-index:2;
overflow: auto;
/* filter:alpha(opacity=60);
-moz-opacity:0.6;
background-color:#E5E5E5; */
}

div#Rahmenpic {
position: absolute;
top: 220px;
left: 315px;
height: 175px;
width: 233px;
z-index:8;
overflow: auto;
/* filter:alpha(opacity=60);
-moz-opacity:0.6;
background-color:#E5E5E5; */
}

div#Rahmenpic2 {
position: absolute;
top: 232px;
left: 326px;
height: 149px;
width: 206px;
z-index:9;
overflow: auto;
/* filter:alpha(opacity=60);
-moz-opacity:0.6;
background-color:#E5E5E5; */
}

div#Sofa {
position: absolute;
top: 311px;
left: 192px;
height: 211px;
width: 414px;
z-index:7;
overflow: auto;
/* filter:alpha(opacity=60);
-moz-opacity:0.6;
background-color:#E5E5E5; */
}