размеры вложенных div'ов

[9112]

имеем ситуацию - див, в нем несколько флоатнух дивов. ширина и высота всех дивов автоматическая. в итоге внешний див имеет ширину во весь экран(вся доступная), а высота нулевая. ввиду этого невозможно выставить по центру внешний блок. подскажите, как можно избежать в данном случае нулевой высоты?

<div>
    <div style="float: left;">
    content
    </div>
    <div style="float: left;">
    content
    </div>
</div>

[Great Rash]

<div style="overflow: hidden;">
    <div style="float: left;">
    content
    </div>
    <div style="float: left;">
    content
    </div>
</div>

[9112]

да, как вариант. но при этом ширина внешнего блока занимает всё доступное пространство, а хотелось бы что бы она была резиновая, по контенту.

[Great Rash]

<div style="display: inline-block;">
    <div style="float: left;">
    content
    </div>
    <div style="float: left;">
    content
    </div>
</div>

http://jsfiddle.net/PgGM5/

[9112]

да, этот вариант уже рассматривался, но в начале темы я заметил, что задача - отцентровать блок, а при inline-block он ведет себя, как строчный элемент, соответственно margin-left: auto; margin-right: auto; не даст эффекта.

подозреваю, что без явного задания ширины внутренних блоков, моя затея не удастся