Zdarec, mám problém s CSS konkrétně s vlastností float. Chci vytvořit 2 sloupce obrázků, budou různě vysoké a naukládané v divech s třídou. Nejednoduší je to napráskat do tabulky. Ale já bych potřeboval aby se to "srovnávalo" tj. sloupce budou přibližně stejně vysoké.

Už jsem to zkoušel nedopadlo to nejlíp.
Kod:

<div id="obsah">
<div class="obr"><img src="atd...></div>
....

</div>
[b]styl:[/b]

<style>
#obsah{
background-color:yellow;
width:500px;
height:auto;
}
.obr{
width:47%;
clear:right;
float:left;
margin:2px;
</style>

Přibližný nákres:
špatně (mezery mezi obrázky) :

 IIIIIIII IIIIIIIII
          IIIIIIIII
  
          IIIIIIIII
  
 IIIIIIII IIIIIIIII

Mělo by to vypadat jako jeden celý obrázek akorát s 4px mezerami, pátrám po tom celou dobu doufám že mě pochopíte, Díky