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; */
}

[Bobby]

Moin

Zuerst überprüfe deine Seite mit dem Validator

Als zweites entferne die Absolute Positionierung. Die ist hier m.E. nicht notwendig und mach deine Seite unflexibel.

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

Wo ist da ein Div?

drittens warum setzt du deine Navigations-H4 zwischen ein <UL>-Tag? das ist schonmal ganz falsch. Das hättest du erkannt wenn du deine Seite validiert hättest.

Um nun auf deine Frage zurück zu kommen. Für H4 ist im FF grundsätzlich ein margin als standard gesetzt. Gib dem H4 ein margin:0 schon ist der Abstand weg.

Das aber nur nebenbei. Wie gesagt. Meine Empfehlung: Überarbeite deinen Code unter Berücksichtigung der vorgenannten Hinweise.

Gruß Bobby

[lakul]

Hi!

Cool, danke für die Hilfe.
Werde den Code überarbeiten, sind ja echt einige Fehler.

Viele Grüße

lakul