把表格改成div+css

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td class="left_bg"> </td>
    <td width="776" valign="top">
   <table width="776" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td height="22" background="images/top_01.gif"><table width="97%" border="0" align="center" cellpadding="0" cellspacing="0">
            <tr>
              <td>
           <table width="100%" border="0" cellpadding="0" cellspacing="0" class="font_top_welcome">
                <tr>
                  <td><strong>无名小说网欢迎您，您可以选择[<a href="#"><font color="#D66C23">登录</font></a>]或者[<a href="#"><font color="#D66C23">注册新用户</font></a>]！</strong></td>
                </tr>
              </table></td>              <td width="32%"><table width="80%" border="0" align="center" cellpadding="0" cellspacing="0" class="font_top_function">
                  <tr class="yellow a">
                    <td align="center"><a onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.jieqi.com')"a href="#">设为首页</a></td>
                    <td align="center"><a href="javascript:window.external.addFavorite('http://www.jieqi.com','杰奇网络')">加入收藏</a></td>
                    <td align="center"><a href="mailto:">联系方式</a></td>
                  </tr>
                </table></td>
            </tr>
          </table></td>
      </tr>
      <tr>
        <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="240" height="130" rowspan="3" background="images/top_logo_bg.gif"><img src="images/logo.gif" width="71" height="73"></td>
            <td rowspan="3"><img src="images/top_03.gif" width="14" height="130"></td>
            <td><img src="images/top_04.gif" width="468" height="18"></td>
            <td rowspan="3"><img src="images/top_05.gif" width="54" height="130"></td>
          </tr>
          <tr>
            <td width="468" height="60" align="center" valign="middle" background="images/top_banner.gif"> </td>
            </tr>
          <tr>
            <td><img src="images/top_06.gif" width="468" height="52"></td>
            </tr>
        </table></td>
      </tr>
      <tr>
        <td height="38" background="images/top_menu_bg.gif"><table width="750" border="0" align="center" cellpadding="0" cellspacing="0">
          <tr>
            <td><table width="100%" cellspacing="0" >
              <tr id="headerbar">
                <td align="left" valign="middle"><table cellpadding="0" cellspacing="0" >
                    <tr>
                      <td><script language="JavaScript" src="common/menu.js" type="text/javascript"></script>
                          <script language="JavaScript" type="text/javascript">