Как лучше сделать

[qwertytol]

Здравствуйте.

Подскажите, как лучше сверстать:

Данный блок нужно встроить на страницу. Но когда я делаю вот так:

<div style="width:1000px; overflow:hidden;">

<div style="float:left; position:relative; width:490px;">
<div style="position:absolute; left:0; top:0;"><img src="images/photo/11.png" width="200" height="200" /></div>
</div>

<div style="float:right; position:relative; width:490px;">
<div style="position:absolute; left:0; top:0;"><img src="images/photo/11.png" width="200" height="200" /></div>
</div>
</div>

у меня у главного блока не устанавливается высота в зависимости от содержимого блока. И скрывается сразу, так как overflow:hidden указан.

Edited November 7, 2011 by qwertytol

[Justnewone]

Думаю, тут надо убрать объявление оверфлоу и сделать просто нулевой спан с дисплей блок и клеар.

[zSpx]

Абсолютно позиционированные элементы не при каких условиях не растягивают содержимым родительский блок!

[qwertytol]

Думаю, тут надо убрать объявление оверфлоу и сделать просто нулевой спан с дисплей блок и клеар.

Как понять нулевой спан?

Если просто у спана дисплей блок и клеар, то не помогло.

<span style="clear:both;display:block;">

<div style="float:left; position:relative; width:490px;">
<div style="position:absolute; left:0; top:0;"><img src="images/photo/11.png" width="200" height="200" /></div>
</div>

<div style="float:right; position:relative; width:490px;">
<div style="position:absolute; left:0; top:0;"><img src="images/photo/11.png" width="200" height="200" /></div>
</div>
</span>

Мож как-то по-другому можно сделать, без absolute, либо без дивов с float'ом ?