Siroks: Darstellungsprobleme im IE

Beitrag lesen

Ich habe eine Shout-box mit AJAX aufgebaut, und sie funktioniert soweit auch gut. Jedoch Wird sie nur im Firefox richtig dargestellt. Der IE zeigt nur die ersten 1,5 Zeilen des Chats, und zeigt auch nicht die Scrollbars an.

Die Relevanten Code-Teile sind:

Der CSS-Teil:

/* Quelle: http://www.devblog.de  
   "Shoutbox als AJAX-Anwendung"  
   Code darf frei verwendet werden */  
  
form {  
 margin: 0px;  
}  
  
#asb_container {  
 border: 1px dashed #B52021;  
 width: 600px;  
}  
  
#asb_contentwrap {  
 font: 8pt Arial;  
 height: 200px;  
 background-color: #DDDDDD;  
 overflow: auto;  
}  
  
#asb_content {  
 margin: 5px;  
}  
  
#asb_content .name {  
 color: #555555;  
 font-weight: bold;  
 padding-right: 5px;  
}  
  
#asb_inputwrap {  
 font: 8pt Arial;  
}  
  
#asb_input {  
 margin: 5px;  
}  
  
#asb_input .text {  
 border: 1px solid #888888;  
 font: 8pt Arial;  
 width: 586px;  
 background-color: #f4f4f4;  
}  
  
#asb_input .button {  
 width: 50px;  
 margin-top: 4px;  
 background-color: #B52021;  
 font: bold 8pt Arial;  
 color: white;  
 border: 1px solid #888888;  
}

Der HTML-Teil:

  
<div id="asb_contentwrap">  
  <div id="asb_content" height="100%" width="100%">  
   Shoutbox wird geladen ...  
  </div>  
 </div>  
 <div id="asb_inputwrap">  
  <div id="asb_input">  
   <form action="<?echo $PHPSELF;?>?p=community&i=chat" name="frmshoutbox" onsubmit="saveData(); return false;" method="post">  
    <b>Nachricht:</b><br /><input class="text" type="text" name="txtmessage" value="" /><br />  
    <input class="button" type="submit" name="btnsend" value="Senden" />  
   </form>  
  </div>  
 </div>  
</div></td></tr>

Die Link: Hier

Ich hoffe, ihr könnt mir weiterhelfen.
Ich habe den CSS-Code bereits durch einen Validator(http://jigsaw.w3.org/css-validator/validator) geschickt. Das hat aber leider keinen positives Resultat erzielt.

mfg Olaf