Contenitori che si sovrappongono

[lucidafollia]

Ciao a tutti, avrei bisogno di un consiglio:
Sto tentando di ottenere 2 colonne di larghezza 25% e 73% affiancate all'interno di un contenitore centrato nella pagina.
Il problema sta nel fatto che se all'interno delle due colonne i contenuti di una di esse occupano più spazio di quelli dell'altra, scendendo maggiormente verso il basso, vanno a prendersi anche lo spazio che dovrebbe essere occcupato dall'altra colonna.
Il mio codice CSS è:

<style type="text/css">
#box-header{
background: #f1efef;
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
padding: 0 0 0 0;
text-align:center;
width:950px;
overflow:hidden;
}
#box-grande{
background: #f1efef;
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
padding: 0 0 0 0;
text-align:left;
width:950px;
overflow:hidden;
}
#box-footer{
background: #f1efef;
margin-top:0;
margin-right:auto;
margin-bottom:0;
margin-left:auto;
padding: 0 0 0 0;
text-align:center;
width:950px;
overflow:hidden;
}
.footer{
font-family: "Courier New", Courier, monospace;
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
	}
.footer a:link,
.footer a:visited{
background:#f1efef;
color:#000000;
text-decoration: none;
}
.footer a:hover,
.footer a:focus,
.footer a:active{
background:#f1efef;
color:#AAAAAA;
text-decoration: none;
}



#colonna_sx {
float:left;
width:25%;
background:transparent;
}
#colonna_dx {
float:right;
width:73%;
background:transparent;
}

</style>

Per favore spiegatemi il motivo, io non capisco, anche perchè su Firefox non succede, lo riscontro su Explorer.
Esiste un rimedio ?
Grazie.

[ResianTaxidrive]

hai anche l'html?

[lucidafollia]

<div id="box-grande">



<ul class="menuNavigazione">
	<li class="voceCorrente">HOME
	[*]AZIENDA
	[*]CONTATTI
	[*]CONDIZIONI DI VENDITA
	[*]INFO SPEDIZIONI
	[*]CARRELLO[/list]
	
	
	



<div id="colonna_sx">






<ul class="menuVerticale">
	[*]ABBIGLIAMENTO
	[*]ACCESSORI CACCIA
	[*]ACCESSORI TIRO
	[*]ARMI
	[*]COLTELLI E PINZE
	[*]OFFERTE PALLE BOSSOLI INNESCHI
	[*]OTTICHE
	[*]POLVERI PER RICARICA
	[*]RICARICA
	[*]VARIE[/list]


</div>

<div id="colonna_dx">



</div>


</div>

[ResianTaxidrive]

non capisco cosa intendi, non riscontro il problema, ho provato a mettere testo sia di qua che di là e il testo sta dove deve stare.

[lucidafollia]

Se metto tanto testo e dx, una volta superato il limite inferiore del testo di sx si va a posizionare sia a sx che a dx, in pratica è come se la colonna sx non esistesse più.
Prova a mettere a dx tantissimo testo e guarda il risultato con Explorer.
Ciao.

[ResianTaxidrive]

questo è IE6
con IE8 uguale

[lucidafollia]

Ok, adesso funziona bene anche a me, non capisco.
Forse dipende dal fatto che prima avevo usato stringhe di caratteri lunghissime senza spazi, boh, non capisco.
Comunque molte grazie per l'interessamento.
Ciao.

[ResianTaxidrive]

allora sì. Quando metti testo finto ti conviene mettere un lorem ipsum