tekst kommer over boxen

Hej


det er sådan at jeg er i gang med at lave en hjemmeside til bruger system men det er sådan at når man klik inde på bruger osv. så kommer tekst ude over boxen så det ser "grimt".

 #djbox {
     width:300px;
     min-height:325px;
     margin:5px;
     background:#CCC;
     float:left;
     
     border-radius:7px;
     -moz-border-radius:7px;
     -webkit-border-radius:7px;
 }
 #djbox a {
     text-decoration:none;
     color:#000;
 }
 #djbox a:hover {
     border-bottom:1px #000 solid;
     text-decoration:none;
     color:#00F;
 }
 #djnavn {
     background:url(../img/bruger/top-navn.png) repeat-x #F90;
     padding:4px;
     
     border-top-left-radius:7px;
     border-top-right-radius:7px;
     -moz-border-radius-topleft:7px;
     -moz-border-radius-topright:7px;
     -webkit-border-top-right-radius:7px;
     -webkit-border-top-left-radius:7px;
 }
 #djnavn li {
     margin:1px;
     list-style-image:url(../img/bruger/music-icon.png);
 }
 #djtekst {
     padding:2px;
     margin:5px;
     height:250px;
 }
         #faceicon {
             list-style-image:url(../img/bruger/FaceBook-icon.png);
             margin:4px;
             float:left;
         }
         #webicon {
             list-style-image:url(../img/bruger/site.png);
             margin:4px;
             float:left;
         }
         #landicon {
             list-style-image:url(../img/bruger/verden.png);
             margin:4px;
             float:left;
         }
 h2 {
     color:#FFF;
     background:#999;
     padding:5px;
     
     border-radius:7px;
     -moz-border-radius:7px;
     -webkit-border-radius:7px;
 }
 #profilinfo {
     float:left;
     background:#CCC;
     padding:10px;
     margin:2px;
     border:1px #000 solid;
     
     border-radius:7px;
     -moz-border-radius:7px;
     -webkit-border-radius:7px;
 }

sådan ser det ud men hvad har jeg gøre galt siden det vise sig sådan. kan man ikke gøre sådan at sæt et max på det og så vise den kun det eller hvad?,, kan man gøre med det?

http://d.localhostr.com/file/37VTk1j/capture.png

 <div id="djbox">
         <!--Djnavn-->
             <div id="djnavn">
                 <li><a href="profil.php?djz=<?php echo $row["id"];?>"><?php echo $row["djnavn"];?></a></li>
             </div>
             <!--profiltekst-->
                 <div id="djtekst">
                     <?php echo $row["profiltekst"];?>
                 </div>
                 <!--website-facebook-->
                     <li id="faceicon"><a href="http://www.facebook.com/ (...) echo $row["facebook"];?>" target="_blank">Fan side</a></li>
                     <li id="webicon"><a href="<?php echo $row["site"];?>" target="_blank">Website</a></li>
                     <li id="landicon"><?php echo $row["land"];?></li>
         </div>

sådan ser kode ud når det er

hvad kan jeg gøre så det ser rigtigt godt ud da