Problem mit DIV-Box und deren Inhalt

[DaRealMC]

Ich habe mir per CSS eine schöne Box erstellt und will diese wie angegeben auch anzeigen lassen: 10% oben frei, dann die Box 80% und dann 10% unten frei.

.box {
 position:absolute;
 width:80%;
 height:80%;
 background-color: #505278;
 border:1px solid #000000;
 left:10%;
 top:10%;
 -moz-border-radius:25px;
}

Das klappt auch wunderbar, so lange der Text nur wenige Zeilen groß ist.
Nun habe ich aber mehrere Texte, die so lang sind, dass man scrollen muss um sie komplett zu lesen. Wenn nun die Box aber bei 80% des angezeigten Ausschnittes endet, sieht das ... aus.

Hab schon gedacht, ich machs mit overflow:auto; aber ich will ja keinen Scrollbalken in meiner Box, sondern ich möchte, dass die Box einfach bis ans Ende des Textes verlängert wird.

Hat einer eine Idee?

\\edit: ich seh grad, dass sowohl der IE wie auch Opera die Box vergrößern. Leider setzen die aber auch keine 10% 'Leerraum' mehr drunter. Gibts dafür auch noch eine schicke Lösung?

 

[Gumbo]

Probier mal Folgendes:

body {
	min-height:		100%;
	margin:			0;
	padding:		10%;
}

 

[DaRealMC]

Nein, leider hat das auch nichts geholfen.

body {
 color: #000000;
 background-color: #2B3052;
 font-family: tahoma,helvetica;
 scrollbar-face-color:#2B3052;
 scrollbar-highlight-color:#2B3052;
 scrollbar-3dlight-color:black;
 scrollbar-darkshadow-color:#000000;
 scrollbar-shadow-color:black;
 scrollbar-arrow-color:black;
 scrollbar-track-color:#303F5F;
 text-align: center;
}

Hier mal mein body-style, vielleciht hat es ja was damit zu tun.


Hier mal zur Verdeutlichung:
http://www.schwarzes-wuerzburg.net/

Vor allen beim 'About' ist es schlimm (bei 1600x1200 nur da )