div wird von shoutbox überschrieben

#sboxcomplete
      { border: solid 5px;
        border-color: #ccc #999 #888 #666;
        margin: 5px;
        padding: 5px;
        width:730px;
        float:left;
      }
* html div#sboxcomplete {
    height: 1px;  /* Workaround gegen den Pixel-Bug des Internet Explorers */
    width:750px;


  }
      #sbox {
        float: left;
        margin-right:10px;
        text-align:center;
      }

<div id="sboxcomplete">


<div id="sbox">


[b]DarksShoutbox[/b]


<form name='postshout' method='post' action='index.php?action=post'>
<input id='name' class='textbox' name='name' type='text' value='Name' onFocus="stoptmr()" onBlur="checkrname();">




<div id='passwordfield' style='display:none'><input class='textbox' name='pass' id='pass' type='password' value='' onBlur="if(this.value != ''){document.getElementById('shout').focus();document.getElementById('shout').select();}" onFocus="stoptmr()" />


</div>


<textarea id='shout' class=textbox name='shout' rows='5' onFocus="stoptmr()">Shout!</textarea>




<div id='buttons'><input class=textbox type='submit' id='post' name='post' onFocus="this.select();" value='Post' onclick='return CheckForm();'>
<input class=textbox type=button value='Refresh' onClick="reload()">


[url='javascript:openhelp();']Help[/url]
</div>


</div>


<div id='row-two' title="Posted September 7, 2006 @ 9:06 PM"><span style='color:  !important;' class='name'>Max:</span> moinmoin, wollt nur mal schauen wie es mit deiner shoutbox voran geht !!</div>


<div id='moreshouts' style='display:none'></div>


<div id='bottomlinks'>
</div>




</div>
<div id="footer">
</div>
  </body>


</html>