div层中有左中又三个层，如何让三个层并排显示，并且不会随浏览器改变而掉下来。。。请教高手
<div style="background-color:red; margin:0 auto">
  <!--左-->
  <div id="div_body_left">
  <table class= "table_body_left">
  <tr><td style="height:1px ;">&nbsp;</td></tr>
  <tr><td style="padding-top:2px ;text-align:left ;width="100%;height:13px ;">快速导航</td></tr>
  <tr><td style="height:2px;width:100%"><hr align="center" width="100%" size="1px"/></td></tr>
  <tr><table><tr><td><img src="images/hylr.jpg" /></td><td>会员录入</tr></table></tr>
  <tr><table><tr><td><img src="images/hylr.jpg" /></td><td>近期生日会员</tr></table></tr> 
  <tr><table><tr><td><img src="images/hylr.jpg" /></td><td>发布消息</tr></table></tr>  
  <tr><table><tr><td><img src="images/hylr.jpg" /></td><td>发布活动</tr></table></tr>  
  <tr><table><tr><td><img src="images/hylr.jpg" /></td><td>发布资讯</tr></table></tr>  
  <tr><table><tr><td><img src="images/hylr.jpg" /></td><td>发短信</tr></table></tr> 
  <tr><table><tr><td><img src="images/hylr.jpg" /></td><td>收支录入</tr></table></tr>  
  <tr><table><tr><td><img src="images/hylr.jpg" /></td><td>文档上传</tr></table></tr>  
  </table>
  </div>
   
   
  <!--中-->
  <div id="div_body_center">
  <!--里面是一个五行两列的表格-->
  <table style="width:100%;height:100%" border="3px"; cellpadding="1">
  <tr>
  <td colspan="2" style="height:50px"><h1 >嗨嗨嗨，欢迎来注册。。。</h1></td>
  </tr>
  <tr>
  <td colspan="2" >1</td>
  </tr>
  <tr>
  <td>1</td>
  <td>2</td>
  </tr>
  <tr>
  <td>1</td>
  <td>2</td>
  </tr>
  <tr>
  <td colspan="2" style="height:90px">1</td>
  </tr>
  </table>
  </div>
  <!--又-->
  <div id="div_body_right&quo