Css pomoč

3 naročniki

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č!