테이블을 이용해서 제작을 하고 있는데요...

img태그로 삽입한 이미지만 보이고....롤오버 시의 이미지나
테이블의 셀의 배경이미지로 사용한 이미지가 보이지 않네요...
div로 안해서 그런가 했는데...다른분들 말씀 들어보니...테이블도 잘 되는거 같던데...

제 코드 올려봅니다....고수님들 도와주세요...ㅠㅠ

그리고 제각 생각한것이 상단은 레이아웃으로 구성하고
왼쪽에 서브메뉴를 만들려고 하거든요...
왼쪽 메뉴와 내용은 외부페이지 추가로 할 생각인데 가능한가요?

<!--%import("js/layout.js")-->
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="1000" height="116" valign="top" background="images/top_bg_left.jpg"><table width="100%" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="500"><table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="13" background="images/top_line.jpg">&nbsp;</td>
          </tr>
          <tr>
            <td><table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr>
                <td width="150">&nbsp;</td>
                <td><img src="images/top_logo.jpg" width="146" height="65"></td>
              </tr>
            </table></td>
          </tr>
        </table></td>
        <td valign="top"><img src="images/top_menu_bg.jpg" width="500" height="29" border="0" usemap="#Map"></td>
      </tr>
    </table>
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tr>
          <td width="200">&nbsp;</td>
          <td width="120"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('home','','images/home_over.jpg',1)"><img src="images/home.jpg" name="home" width="62" height="20" border="0"></a></td>
          <td width="120"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('company','','images/company_over.jpg',1)"><img src="images/company.jpg" name="company" width="62" height="20" border="0"></a></td>
          <td width="120"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('product','','images/product_over.jpg',1)"><img src="images/product.jpg" name="product" width="62" height="20" border="0"></a></td>
          <td width="120"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('partners','','images/partners_over.jpg',0)"><img src="images/partners.jpg" name="partners" width="62" height="20" border="0"></a></td>
          <td width="120"><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('support','','images/support_over.jpg',1)"><img src="images/support.jpg" name="support" width="62" height="20" border="0"></a></td>
          <td><a href="#" onMouseOut="MM_swapImgRestore()" onMouseOver="MM_swapImage('news',''+ '+ ','images/news_over.jpg',1)"><img src="images/news.jpg" name="news" width="62" height="20" border="0"></a></td>
        </tr>
      </table></td>
    <td background="images/top_bg_right.jpg">&nbsp;</td>
  </tr>
</table>

<map name="Map"><area shape="rect" coords="335,8,375,23" href="#"><area shape="rect" coords="386,8,423,23" href="#"><area shape="rect" coords="435,8,494,23" href="#"></map>