IE7 Bug

[André Griepenburg]

Hallo,

ich habe für eine Shoutbox auf meiner Seite einen iframe eingesetzt.
Bisher funktionierte dies auch super, allerdings scheint der IE7 hier nicht mehr mit zurecht zu kommen.
Das Design wird total zerschossen.

Ich habe nun leider keine Ahnung, woran dies liegen könnte.
Seht ihr im Code einen Fehler?

CODE
<br /><table class="block_tabelle">
<tr>
<td class="block_oben">Shoutbox</td>
</tr>
<tr>
<td class="block_mitte"><IFRAME NAME="SB_shoutbox" SRC="url_zum_anzeigen_der_shouts" WIDTH="150" HEIGHT="250" FRAMEBORDER="0"></IFRAME><script language="Javascript">
function SB_smilie(thesmile) {
document.SB_form.SB_text.value += " "+thesmile+" ";
document.SB_form.SB_text.focus();
}</script>

<script LANGUAGE="Javascript">
function SB_doIt(_v) {
SB_shoutbox.location.reload();
}</SCRIPT>

<FORM ACTION="url_zum_absenden" METHOD="post" NAME="SB_form">
<INPUT TYPE='text' NAME='SB_text' size='20' MAXLENGTH='180'><BR>
<INPUT TYPE='hidden' name='authid' value='XXXXXXXXXXXXXX'>
<INPUT TYPE='submit' VALUE='Shout'>
<INPUT TYPE='button' VALUE='Aktualisieren' onClick='SB_doIt(1)'>
</FORM>
<a href="javascript:SB_smilie(':-)')" title=':-)'><img src='images/smilies/icon_smile.gif' border='0' hspace='3' vspace='3'\></a>
[...]jede Menge Smielies[...]
<a href="javascript:SB_smilie(':evil:')" title=':evil:'><img src='images/smilies/icon26.gif' border='0' hspace='3' vspace='3'></a>
</td>
</tr>
<tr>
<td class="block_unten"> </td>
</tr>
</table>




Das ganze ist auch live zu sehen:
www . partynation . tv

wäre über jeden Hinweis dankbar.
Gruß,
André



PS:
Ich weiß, dass die Seite nicht valide ist. Daran arbeite ich seit längerem. Doch hat zunächst die Nutzbarkeit vorrang. d.h. die Seite muss mit IE und FF richtig dargestellt werden (98% aller nutzer haben diese browser, 14,75% haben IE7)