Text steht unten über (CSS/Div Box)

[luiggi]

Hallo zusammen,

ich kämpfe den ganzen Tag mit runden Ecken... jetzt habe ich das soweit geschafft.

Leider steht der Text bei der Div Box unten etwas über.
http://luger.cwsurf.de/test/test4.php

Das overflow:auto;  muss ich ja mit der festen Höhe verbinden, sonst geht das leider nicht.
Wenn ich das nicht mache, rutscht mir der lange Text unten aus meiner HP raus.

Was kann ich dagegen tun?

Quelltext:
<div class="dive">
 <div class="divero">
   <div class="divelo">
     <div class="diveru">
       <div class="divelu">
         <div class="diveinhalt">
    1te Box. <br> (dann der text)
          </div>
       </div>
     </div>
   </div>
 </div>
</div>

CSS Datei:
.dive{z-index:4; margin:0;}
.divero {background:url(../common/pics/roundedbox_ro.gif) top right no-repeat;}
.divelo {background:url(../common/pics/roundedbox_lo.gif) top left no-repeat; }
.diveru {background:url(../common/pics/roundedbox_ru.gif) bottom right no-repeat;}
.divelu {background:url(../common/pics/roundedbox_lu.gif) bottom left no-repeat;}
.diveinhalt {margin:0; padding:0.5em 2.5em 2.0em 1.0em; font-size:0.9em; overflow:auto; height:340px;}

Vielen Dank,
Stefan