Css pomoč

Naletel 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

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

Bom 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 css

div.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;



}

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

Da 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;

Naredi 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;

}

Hvala ti za pomoč!