Fließende div-Boxen in einer div-Box zentriert in einer div-Box

[_Robert]

Hallo,

soweit bin ich bisher gekommen:

---------------------------------------------------------

#huelle{float:left;text-align:center;border:1px solid red}
#container{float:left;border:1px solid red}
#box{float:left;border:1px solid red}

<div id="huelle">
<div id="container">
<div id="box">Inhalt</div>
<div id="box">Inhalt</div>
<div id="box">Inhalt</div>
<div id="box">Inhalt</div>
<div id="box">Inhalt</div>
<div id="box">Inhalt</div>
<div id="box">Inhalt</div>
<div id="box">Inhalt</div>
</div>
</div>

---------------------------------------------------------

Das Problem ist folgendes: Da ich bei "huelle" float:left benutzen muss (sonst befinden sich der "container" nicht innerhalb der "huelle") funktioniert text-align:center nicht. Die "huelle" wird benötigt, da der Inhalt automatisch die Fensterbreite annehmen soll und der "container" die "box"en direkt umschließt (keine Fensterbreite).

In reinem HTML bekomme ich das problemlos hin. Was muss am obigen Beispiel ändern, damit das auch komplett in CSS klappt?

Robert

Robert