salve a tutti, ho una struttura a due colonne che riesco a vedere perfettamente posizionata con un border:1px solid; il mio problema è che qualsiasi div che vado a mettere nella seconda colonna si posiziona dove vuole, ignorando perfettamente il div dov'è contenuto:

css=>
#blocco_destro{

position: relative;
float: right;
width: 855px;
height: 478px;
color: #fff;
}

#blocco_sinistro{
position: relative;
float: left;
width: 145px;
height: 478px;
color: #fff;
font-size: 12px;
text-shadow: 1px 1px 1px #444;
letter-spacing: 0px;
}
#div1{

background-image: url(../images/home_center.png);
width: 855px;
height: 478px;
}

Fine CSS

HTML=>
<div id="contenitore">
<div id="blocco_sinistro">
</div>
<div id="blocco_destro">
<div id="div1">
</div>
<div id="div2">
</div>
</div>
</div>

javascript/jquery=>

$(document).ready(function(){

$('#blocco_destro>div').css('position','absolute') .not(':first').hide();
});

Ultima precisazione, jquery fa si chetutti i div nel blocco destro scompaiono tranne il primo, e poi in base a un menù laterale li faccio comparire...

Questo codice già mi funzionava, ora non capisco se mi funzionava per fortuna o per altro

qualcuno di voi sa dirmi cosa sto sbagliando ?