Height går alt i kage

Er ved at prøve at lave en side i CSS, med en del grafiske elementer. Det går også fint, jeg har fået grafikken sat op, men har nu et lille problem.

Jeg vil gerne have siden dynamisk, det vil sige at siden følger den tekst som jeg skrive ind i min #main

Men det er lidt af et problem.

Jeg tror selv at problemet ligger i min #frame som jeg har lavet for at definere et spille rum for min grafik.

Min CSS ser sådan her ud.

body {
margin:0px;
text-align:center;
}

.center {
position:relative;
margin:0px auto;
width:40%;
}

#frame {
width:923px;
height:100%;
margin-right:auto;
margin-left:auto;
margin-top:0px;
margin-bottom:10px;
padding:0px;
text-align:left;
}

#header {
float: left;
width: 923px;
height: 75px;   
background: url("images/header_02.gif");
}

#borderleft {
float: left;
width: 26px;
height: 100%;   
background: url("images/leftborder.gif") repeat-y;
}

#main {
float: left;
width: 871px;
height:100%;
background: #eee repeat-y;
}

#borderright {
float: left;
width: 26px;
height: 100%;   
background: url("images/rightborder.gif") repeat-y;
}

#bottomborderleft {
float: left;
width: 26px;
height: 54px;   
background: url("images/bottomborderleft.gif");
}

#bottom {
float: left;
width: 871px;
height: 54px;   
background: url("images/bottom.gif");
}

#bottomborderright {
float: left;
width: 26px;
height: 54px;   
background: url("images/bottomborderright.gif");
}

Jeg har snart prøvet alt med #frame

Jeg har prøvet at lege lidt med position, har leget lidt med height osv.  men ingenting virker.

Jeg kan feks gå ind og skrive height:30%; feks og så flytter den sig også op, så den kun fylder 30%  Men det er ikke meningen vil gerne have at den gør det automatisk.

Nogle der har en ide til hvordan det gøres ?

PS  Jeg kan godt uploade min side hvis det vil gøre det hele nemmere.