Css pomoč

#1Naletel sem na težavo, ki jo nikakor nezman odpraviti, zato se obračam na vas.

Imam formo in 5 polj za vnos vrednosti, z uporabo "float: left;" in "clean: both", sem razporedil polja v 2 stolpca, problem se pojavi, ko želim prvem polju v drugem stolpcu povečati višino,ker mi ko nastavim višino "potisne" nižje polja v prvem stolpcu.
Da ne zakompliciram preveč, vam prilagajam še sliko.



Hvala

#2problem je v tem, ker si dal #3 stolpcu clear both. Daj #3 clear right ( ali left), pa bo šlo.

#3Bom prilepil kodo, ki jo imam dosedaj... <div class="prednosti">
<p>
<label>Naslov izdelka</label><br />
<input type="text" class="text small" name="naslov" />
</p>
</div>

<div class="prednosti">
<p>
<label>Glavna prednost izdelka/storitve</label><br />
<textarea class="opis_prednosti"></textarea>
</p>
</div>

<div class="cleaner"></div>

<div class="prednosti">
<p>
<label>Opis prednosti izdelka</label><br />
<textarea class="opis_prednosti"></textarea>
</p>

<div class="prednosti">
<p>
<label>Glavna prednost izdelka/storitve</label><br />
<textarea class="prednosti"></textarea>
</p>
</div>
In še cssdiv.prednosti {
float: left;

}

div.prednosti p {
width: 250px;
text-align: center;

}

div.cleaner {
clear: left;
}

div.prednosti textarea {
width: 210px;
height: 60px;
padding: 5px;
background: #f5f5f5;
border: 1px solid #1e99e7;
font-family: "Lucida Grande", Verdana, sans-serif;
font-size: 14px;
color: #333;
}

div.prednosti textarea.uvodni_text {
height: 120px;
}


div.prednosti textarea.opis_prednosti {
height: 100px;


}

#4EDIT: Sem uredil z uporabo "position: relative".

#5Da ne odpiram nove teme.

Mene pa zanima, kako bi naredil, da bi mi prikazalo dve sliki - eno za drugo?
Zdaj imam tako:

CSS:

background: url(images/logo.jpg) no-repeat 0 0;

#6Naredi nov div in mu dodaj v "float: left;" in potem daj vsako sliko v ta div.
Primer:
html:

<div class="float">
<img src..... />
</div>

css:

div.float {
float: left;
}

#7Hvala ti za pomoč!