Probleme mit Darstellung im Google Chrome

Hallo,

ich bin gerade dabei eine Webseite umzusetzen und habe Probleme mit der Darstellung des Footers im Google Chrome Browser (vermutlich auch Safari).
Im Firefox und IE wird der Footer korrekt dargestellt.

Link zur Seite

Vielleicht kann mir jemand sagen, wie ich das am besten lösen kann bzw. warum das zustande kommt.

Vielen Dank.

Gruß
Christoph

Erstmal muß diese Element aus .footer_top weg:

HTML-Code:

---

<div id="clear">

---

#clear ist für #main gedacht und darf nur einmal im Dokument auftauchen.
Dann kollabiert der margin von #footer .footer_top .mod_customnav mit dem von #footer (collapsing margins). Um das zu verhindern kannst du .footer_top ein kleines padding-top geben:

Code:

---

#footer .footer_top {
padding-top: 1px;
}

---

Oder du läßt den margin von #footer .footer_top .mod_customnav ganz weg und vergrößerst padding-top für #footer .footer_top entsprechend.

die Darstellung von deinen Menue ist aber bestimmt so auch nicht richtig oda ? ist übrigens in chrome und ff gelich ...

@plastiko
Vielen Dank :) Das hat mir sehr geholfen. Nun sieht alles korrekt aus.

@Merlin
Das Menü ist so gewollt ;)