Ciao magari qualcuno di voi ha avuto un problema di questo tipo. Ho undiv contenitore che contiene 2 colonne: sinistra e destra richiamate con un semplice span

Ecco il semplice codice:

#container{
width: 700px;
margin: 0px auto;
border: 1px solid #808080;
background-color: #f9f9f9;
padding: 20px;
}

.colonnaSX{
float: left;
width: 300px;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 15px;
border: 1px solid #ccc;
background: #fff;
}

.colonnaDX{
float: left;
width: 300px;
margin-top: 15px;
margin-bottom: 15px;
margin-left: 15px;
border: 1px solid #ccc;
background: #fff;
}


Giustamente in IE e Opera quando aumentano le colonne il container le segue e si allunga mantenendo il padding a 20px.
In Netscape invece mi ritrovo sempre le due colonne all'altezza del footer.

Ecco come richiamo nell'xhtml:

<div id="container">
<span class="colonnaSX">colonna sinistra</span>
<span class="colonnaDX">clonna destra</span>
</div>


se qualcuno ha qualche suggerimento, vacanze permettendo...

thanx