[CSS] Problem mit Positionierung

[exception]

Hallo,
habe ein kleines Problem mit CSS.

Direkt unter dem Header habe ich meine Content-Div und die ist mittels "margin: 0 auto" mittig positioniert. In der Content-Div habe ich dann eine Infobox und da liegt auch mein Problem. Die Infobox habe ich auf "margin: 10px auto" damit sie ebenfalls mittig positioniert ist und einen Abstand von 10px nach oben hat. Komischerweise fühlt sich die Content-Div von den 10px auch angesprochen und fängt somit nicht direkt nach dem Header an.

Lustigerweise habe ich dieses Problem nur im Firefox. Im IE funktioniert die Darstellung problemlos(lol).

Was auch komisch ist, ist das der Text im FF nicht linkbündig ist obwohl es so definiert ist. Funktioniert im IE enbenso einwandfrei.

URL: TestME

Wäre cool wenn mir da wer helfen kann

MfG

[KrT]

Eine Lösung wäre:

#content {
  margin: 0 auto;
  padding-top: 10px;
}
#info {
  margin: 0 auto;
}

[exception]

Eine Lösung wäre:

#content {
  margin: 0 auto;
  padding-top: 10px;
}
#info {
  margin: 0 auto;
}

Hallo!
Danke für die Antwort!

Ok, das löst mal das Problem mit der Position.

Dann frage ich mich noch warum der Text in der Infobox nicht linksbündig ist und warum -moz-border-radius bei den Links plötzlich nicht mehr funktioniert!?

[Comu]

Zum moz-border-radius: Benutz lieber border-radius, wird soweit ich es benutzt habe bei allen Browsern mittlerweile aktzeptiert.

Das der Text nicht linksbündig ist kann ich mir nur daher erklären, dass du eine falsche Breite angegeben hast. Gebe mal gar keine Breite an, oder überprüfe nochmal, ob es (samt padding) wirklich der richtigen Breite entspricht.

[Iron]

Du könntest das Problem lösen, wenn du die #header Position auf absolut setzt und dafür im Gegenzug den #content Abstand von 10 auf 110px setzt.

#header { position:absolute; }
#content { padding-top: 110px; }

Dann sitzt der Text linksbündig


edit: alternativ funktioniert auch einfach nur folgendes:

#info { clear:both; }