strukturierung in großem, zentrierten balken

[Martin]

also, ich würde gerne meine Seite so haben wie ihr das jetzt seht wenn ihr auf den Link klickt (http://mtin.de)
das funktioniert soweit erstmal ganz gut, doch sobald der Text länger wird und nicht mehr auf eine Seite passt, also scrollbars auftauchen dann passiert irgendein mist (einfach mal das browser fenster so klein machen das scrollbars erscheinen...)

wenn man dann nach unten scrollt, dann ist dort der weiße balken zuende!!! er geht nur über din SICHTBAREN bereich, nicht über das gesamte dokument! was könnte ich da tun?

im Moment sieht das ganze so aus, dass ich im body ein großes <div> hab in dem alles andere drin ist. die styles dazu sehen so aus:

div.main
{
background:  #ffffff;
border-left:  1px solid #BDBDBD;
border-right:  1px solid #BDBDBD;
padding:  0px;
width:   700px;
height:  100%;
margin-left: auto;
margin-right: auto;
margin-top:  0px;
}

kann mir da jemand helfen?
kann auch ein komplett neuer ansatz sein, hauptsache es kommt (so etwa) das raus was jetzt zu sehen ist, nur eben nicht mit dem bug beim scrollen!

danke schonmal...

Martin