有没CSS高手帮我解决个，页面显示的问题
样式如下：
<style type="text/css">
*{
margin:0;
padding:0;
}
#header {
width:1000px;
height:127px;
margin:0 auto;
}
#main {
width:1000px;
margin:0 auto;
}
#main #sidebar {
width:226px;
float:left;
}
#main #containe {
width:774px;
float:right;

}
#footer {
width:1000px;
height:137px;
margin:0 auto;
}
#clearfloat {
clear:both;
height:1px;
overflow:hidden;
margin-top:-1px;
}
</style>
DIV层这样设计：
<div id="header"></div>
<div id="main">
  <div id="sidebar">
  <table id="T3" width="226" height="166" border="0" cellpadding="0" cellspacing="0" runat="server">  
  <tr>
  <td width="216" height="128"><table width="216" height="124" border="0" cellpadding="0" cellspacing="8" id="Table3">
  <tr>
  <td width="72" align="right" class="login" style="height: 27px">用户名：</td>
  <td width="120" style="height: 27px"><input id="username" type="text" style="width: 105px" runat="server" name="Username" /></td>
  </tr>
  <tr>
  <td align="right" class="login" style="height: 33px">密&nbsp;&nbsp;码：</td>
  <td style="height: 33px"><input id="pwd" type="password" style="width: 105px" runat="server" /></td>
  </tr>
  <tr>
  <td colspan="2" class="logincont" style="height: 21px"><div align="center"><a href="#">忘记密码</a> / <a href="#">用户注册</a></div></td>
  </tr>
  </table></td>
  <td rowspan="2" style="width: 10px"><img src="images/logincont_02.jpg" width="10" height="166" alt=""/></td>
  </tr>
  <tr>
  <td height="38">
  <asp:ImageButton runat="server" ID="ImageButton1" src="images/logincont_03.jpg" OnClick="ImageButton1_Click"/></td>
  </tr>
</table>
 
<table id="T4" width="226" height="166" border="0" cellpadding="0" cellspacing="0" runat="server">
<tr>
<td width="216" height="18" colspan="3"></td>
<td rowspan="6">
<img src="images/logincont_02.jpg" width="10" height="166" alt=""></td>
</tr>
<tr>
<td width="36" height="30" colspan="2" rowspan="3"></td>
<td></td>
</tr>
<tr>
<td><table width="200" border="0">
  <tr>