Lite problem med divar (Bilder i tråden)

Hej

Har 2 problem när jag försöker styla upp sidan i CSS och Divar, vill få sidan mer dynamisk

Ingen som vet?

Problem 1:

När jag förminskar sidan så hoppar en Div ner

Problem 2:

Jag vill att sidan följer med då jag gör en div längre

CSS KOD

body {
font-family: "Trebuchet MS", Verdana, Helvetica, Arial;
color: #333333;
font-size: 11px;
text-align: center;

background-color: #f5f5f5;

}

a, a:link, a:visited {
color: #333333;
text-decoration: none;
}
a:hover {
color: #333333;
}
a:active {
color: #333333;
}

#main-div {
width: 800px;
min-height: 800px;
margin-top: 37px;
margin-left: auto ;
margin-right: auto ;
border: 1px;
border-style:solid;
border-color:#ff0000 #0000ff;
}

#header-div {
width: 800px;
height: 120px;
margin-top: 0px;
margin-left: auto ;
margin-right: auto ;
border: 1px;
border-style:solid;
border-color:#ff0000 #0000ff;
}

#meny-div-top {
width: 800px;
height: 40px;
margin-top: 0px;
margin-left: auto ;
margin-right: auto ;
border: 1px;
border-style:solid;
border-color:#ff0000 #0000ff;
}

#tabla-div-left {

width: 33%;
min-height: 620px;
float: left;
border: 1px;
border-style:solid;
border-color:#ff0000 #0000ff;
}

#tabla-div-center {

width: 33%;
min-height: 620px;
float: left;
border: 1px;
border-style:solid;
border-color:#ff0000 #0000ff;
}

#tabla-div-right {

width: 33%;
min-height: 650px;
float: left;
border: 1px;
border-style:solid;
border-color:#ff0000 #0000ff;
}

#meny-div-bot {
width: 800px;
height: 40px;
margin-top: 0px;
margin-left: auto ;
margin-right: auto ;
border: 1px;
border-style:solid;
border-color:#ff0000 #0000ff;
}

#footer-div {
width: 800px;
height: 120px;
margin-top: 0px;
margin-left: auto ;
margin-right: auto ;
border: 1px;
border-style:solid;
border-color:#ff0000 #0000ff;
}