Zeilenumbruch div

[tropenberta]

hi leuts

beim div-container "sblase" geht die schrift über den div-container hinaus und ich weis nicht warum. bei den containern boxA-boxC wird die schrift doch auch beim rand umgebrochen. pls hlp.

html:

<div id="main">
 <div id="grp">

<div id="sblase" style="border: 1px solid red;">
   Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla bla bla Bla bla
  </div>
  <img src="images/Startseite_Team.jpg" width="816" height="616" usemap="#auswahl" />
  <map name="auswahl">
   <area shape="rect" coords="240,250,300,300" onclick="fenster('1')" title="Hans Huber" href="#">
   <area shape="rect" coords="560,210,620,260" onclick="fenster('2')" title="Karl Dall" href="#">
   <area shape="rect" coords="320,210,370,260" onclick="fenster('3')" title="Eva Nah" href="#">
  </map>
</div>
 <div id="boxA"><h4>Kundenstimmen2</h4>
                <h5>Text Text TextText Text TextText Text TextText TextText Text TextText Text TextText Text TextText TextText Text TextText Text TextText
                    Text TextText TextText Text TextText Text TextText Text TextText Text</h5></div>
 <div id="boxB"><h4>Kundenstimmen2</h4>
                <h5>Text Text TextText Text TextText Text TextText TextText Text TextText Text TextText Text TextText TextText Text TextText Text TextText
                    Text TextText TextText Text TextText Text TextText Text TextText Text</h5></div>
 <div id="boxC"><h4>Kundenstimmen2</h4>
                <h5>Text Text TextText Text TextText Text TextText TextText Text TextText Text TextText Text TextText TextText Text TextText Text TextText
                    Text TextText TextText Text TextText Text TextText Text TextText Text</h5></div>
 </div>
</div>

css:

#boxA { width:198px;
        height:200px;
        background:#D4D0C8; }

#boxB { width:198px;
        height:200px;
        background:#BFBFBF;
        margin-top:8px;
         }

#boxC { width:198px;
        height:200px;
        background:#D4D0C8;
        margin-top:8px; }

#grp { position:relative;
       height:616px;
       width:816px;
       background:blue;
       float:right; }

#sblase { position:absolute;
          opacity:0.8;
          height:616px;
          width: 198px;
          background: black;
          float:left;
          color:white;
          margin-right:10px;}

#main { position:relative;
        width:1024px;
        height:624px;
        background:grey; }

[Matthias Apsel]

Om nah hoo pez nyeetz, tropenberta!

beim div-container "sblase" geht die schrift über den div-container hinaus

Das kann ich nicht bestätigen.

Matthias