layout che si dilata

[Gina]

ciao a tutti, è da poco che utilizzo i CSS... (meglio tardi che mai!!) cmq... ho questo problema: se la pagina dei contenuti supera la lunghezza del monitor, i margini del layout aumentano apparentemente senza motivo, un effetto TROPPO BRUTTO. mi spiego meglio: se la pagina contiene poco testo, quindi non arriva fino alla fine dello schermo, tutto ok. Se però compare la barra di sinistra, perchè appunto la pagina contiene molto testo, è come se il sito si "allargasse". Spero di essermi spiegata bene, non sono neanche italiana quindi non so come esporre il problema... vi posto il codice del CSS:

html, body {
margin: 0;padding:0
}
body {
font-family: arial,sans-serif;
font-size: 76%;
text-align:center
}

div#container {
border-left:1px solid #ccc; 
border-right:1px solid #ccc; 
border-top:0px solid #ccc; 
border-bottom:0px solid #ccc; 
width:860px;
margin:0 auto;
background: url('3rightcol.jpg') repeat-y top right; 
}

div#container2 {
background: url('3leftcol.jpg') repeat-y top left;
text-align: left
}

div#left {
float: left;
width: 170px;
width:130px;
width:170px;
padding: 0em 0 0 0px
}

div#right {
float: right;
width: 170px;
width:130px;
width:170px;
padding: 0em 0 0 0px
}

div#content {
margin: 0 170px 0 170px;
padding: 0em 0px
}

div#footer {
clear:both;
text-align:center;
padding: 5px 0;
background-color: #69c;
color: #000
}

div#header {
height: 55px;background-color:#36C;color: #ff0
}

div#navigation {
height: 25px;
background-color:#ededed;
color: #333333
} 

grazie in anticipo a tutti voi

[urukappa]

da quello che ho capito basta mettere l' altezza del div su auto cosi il div ha all' interno una classe allungabile in base al testo