Работа с float

[jangot]

<style>
html{
  height: 100%;
}

body{
  height: 100%;
}

#block1{
  overflow:hidden;
  _height:1%;
}

#block1 div{
  float: left;
  width: 50%;
}
</style>

<div id="block1">

  <div class="left">
	text
  </div>

  <div class="right">
  text
  </div>

</div>

дивы left и right распологаются в одну строчку.

свойства overflow:hidden; и _height:1%; заданны что бы див block1 увеличивался в высоту до размеров вложенных блоков

overflow:hidden; для нормальных браузеров

_height:1%; для эксплорера

из за того что высота html и body задана ( что бы можно было работать с высотой блоков на странице в процентах)

_height:1%; для эксплорера не работает он показывает высоту дива block1 размером 1%

Можно конечно вложить еше один блок со значением clear:both;

Но хочется все сделать красиво, тем более что таких блоков на странице придется вставлять много.

Если кто знает как сделать так, что бы block1 увеличивался вместе с left и right по другому, подскажите плиз.

[Jenek]

http://designformasters.info/posts/clearing-float