problema con overflow

[r10]

ho un contenitore che mi contiene 2 div float 1 a dx e uno sx.

in quello di dx sto mettendo una list ad un certo punto quando inserisco la n riga (dovrebbe andare in overflow e mettermi la barra verticale) mi va tutto a capa sballandomi la pagina (rimane vuota fino alla dimensione della div e da li in poi mi va a capo!!

spero di essere stato chiaro allego css e html

----------------- CSS ------------------

div#content1
{
height: 61%;
width: 58%;
background-color: trasparent;
overflow: auto;
padding-left: 2px;
margin-bottom: 1%;
margin-left: 1%;
border: 1px solid white;
color: white;
text-align: left;
}



div#parte_sx
{
margin:0;
padding:0;
width:49%;
height:100%;
background:trasparent;
float:left;
border-top:none;
border-bottom:none;
border-left:none;
border-right:1px solid darkgray;
overflow: auto;

}

div#parte_dx
{
margin:0;
padding:0;
width:49%;
background:trasparent;
float:right;
overflow: auto;
}

----------------- HTML ------------------

<div id="content1">
<div id="parte_sx">


<ul>
[*]Associazioni
[*]Luoghi
[/list]
</div>

<div id="parte_dx">
<ul>
[*]Associazione Italiana Sommeliers


[*]Piemonte
<ul>
[*]Lombardia
<ul>
[*]<a href="www.aismilano.it">Milano
[*]Liguria
[*]Veneto
[*]Friuli
[*]Emilia
[*]Romagna
[*]Toscana
[*]Marche
[*]Umbria
[*]Molise
[*]Campania
[*]Calabria
[*]Sicilia
-->
[/list]
</div>

</div>


Qualcuno sa darmi una mano?

Grazie!

[salasir]

Se provi a mettere un'altezza fissa al div "parte_dx" (es. height: 300px ottieni quello che vuoi ?

[r10]

esatto grazie!!
non avevo impostato l'altezza e quindi sballava, ho messo height:100%; così rimane della stessa alzezza del contenitore