Positionierung: Box erweitert sich nicht!

[wahsaga]

hi,

#content{
position: absolute;
float: left;
left: 200px;

Diese beiden Angaben zu position und float zusammen sind Nonsense - denn es ist definiert, dass float den Wert none annimmt, wenn position den Wert absolute hat.

Beide haben gemein, dass sie Elemente aus dem Fluss nehmen - sie also die Ausmaße ihrer Vorfahrenelemente nicht mehr beeinflussen.
Bei absoluter Positionierung gibt es nichts, was du dagegen machen kannst - also bleibt wenn überhaupt von den beiden nur float als hier sinnvolles Positionierungsschema übrig.
Und um den gefloateten Elementen ihre in diesem Falle ungünstige Eigenart, sich ausserhalb des Flusses zu befinden, abzugewöhnen, wende eine der hier bereits zahlreich diskutierten Möglichkeiten an:

• clearendes Element hinter den gefloateten einfügen, oder
• Container selbst ebenfalls floaten, oder
• Container mit overflow:hidden formatieren.

gruß,
wahsaga