Menu bar created in fireworks cs6 doesnt work in dreamweaver cs6

Question

A menu bar that i created in fireworks cs6 doesnt work in dreamweaver cs6 loss of all behaviours etc works in preview in fireworks just seems that the code in dreamweaver doesnt want to play ball...
<div id="FWTableContainer1659288869">
      <table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="762">
        <!-- fwtable fwsrc="Menu_front.fw.png" fwpage="Page 1" fwbase="Menu_front.gif" fwstyle="Dreamweaver" fwdocid = "1659288869" fwnested="0" -->
        <tr>
          <!-- Shim row, height 1. -->
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="150" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="2" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="100" height="1" alt="" /></td>
          <td><img src="MENU_BARS/spacer.gif" width="1" height="1" alt="" /></td>
        </tr>
        <tr>
          <!-- row 1 -->
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c1','MENU_BARS/Menu_front_r1_c1_s2.gif','ME NU_BARS/Menu_front_r1_c1_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c1','MENU_BARS/Menu_front_r1_c1_s3.gi f',1);"><img name="Menu_front_r1_c1" src="MENU_BARS/Menu_front_r1_c1.gif" width="100" height="30" id="Menu_front_r1_c1" alt="" /></a></td>
          <td><img name="Menu_front_r1_c2" src="MENU_BARS/Menu_front_r1_c2.gif" width="2" height="30" id="Menu_front_r1_c2" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c3','MENU_BARS/Menu_front_r1_c3_s2.gif','ME NU_BARS/Menu_front_r1_c3_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c3','MENU_BARS/Menu_front_r1_c3_s3.gi f',1);"><img name="Menu_front_r1_c3" src="MENU_BARS/Menu_front_r1_c3.gif" width="150" height="30" id="Menu_front_r1_c3" alt="" /></a></td>
          <td><img name="Menu_front_r1_c4" src="MENU_BARS/Menu_front_r1_c4.gif" width="2" height="30" id="Menu_front_r1_c4" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c5','MENU_BARS/Menu_front_r1_c5_s2.gif','ME NU_BARS/Menu_front_r1_c5_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c5','MENU_BARS/Menu_front_r1_c5_s3.gi f',1);"><img name="Menu_front_r1_c5" src="MENU_BARS/Menu_front_r1_c5.gif" width="100" height="30" id="Menu_front_r1_c5" alt="" /></a></td>
          <td><img name="Menu_front_r1_c6" src="MENU_BARS/Menu_front_r1_c6.gif" width="2" height="30" id="Menu_front_r1_c6" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c7','MENU_BARS/Menu_front_r1_c7_s2.gif','ME NU_BARS/Menu_front_r1_c7_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c7','MENU_BARS/Menu_front_r1_c7_s3.gi f',1);"><img name="Menu_front_r1_c7" src="MENU_BARS/Menu_front_r1_c7.gif" width="100" height="30" id="Menu_front_r1_c7" alt="" /></a></td>
          <td><img name="Menu_front_r1_c8" src="MENU_BARS/Menu_front_r1_c8.gif" width="2" height="30" id="Menu_front_r1_c8" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');MM_menuStartTimeout(500);" onmouseover="MM_menuShowMenu('MMMenuContainer0722143726_0', 'MMMenu0722143726_0',50,25,'Menu_front_r1_c9');MM_nbGroup('over','Menu_front_r1_c9','MENU _BARS/Menu_front_r1_c9_s2.gif','MENU_BARS/Menu_front_r1_c9_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c9','MENU_BARS/Menu_front_r1_c9_s3.gi f',1);"><img name="Menu_front_r1_c9" src="MENU_BARS/Menu_front_r1_c9.gif" width="100" height="30" id="Menu_front_r1_c9" alt="" /></a></td>
          <td><img name="Menu_front_r1_c10" src="MENU_BARS/Menu_front_r1_c10.gif" width="2" height="30" id="Menu_front_r1_c10" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c11','MENU_BARS/Menu_front_r1_c11_s2.gif',' MENU_BARS/Menu_front_r1_c11_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c11','MENU_BARS/Menu_front_r1_c11_s3. gif',1);"><img name="Menu_front_r1_c11" src="MENU_BARS/Menu_front_r1_c11.gif" width="100" height="30" id="Menu_front_r1_c11" alt="" /></a></td>
          <td><img name="Menu_front_r1_c12" src="MENU_BARS/Menu_front_r1_c12.gif" width="2" height="30" id="Menu_front_r1_c12" alt="" /></td>
          <td><a href="javascript:;" onmouseout="MM_nbGroup('out');" onmouseover="MM_nbGroup('over','Menu_front_r1_c13','MENU_BARS/Menu_front_r1_c13_s2.gif',' MENU_BARS/Menu_front_r1_c13_s4.gif',1);" onclick="MM_nbGroup('down','navbar1','Menu_front_r1_c13','MENU_BARS/Menu_front_r1_c13_s3. gif',1);"><img name="Menu_front_r1_c13" src="MENU_BARS/Menu_front_r1_c13.gif" width="100" height="30" id="Menu_front_r1_c13" alt="" /></a></td>
          <td><img src="MENU_BARS/spacer.gif" width="1" height="30" alt="" /></td>
        </tr>
        <!--   This table was automatically created with Adobe Fireworks   -->
        <!--   http://www.adobe.com   -->
      </table>
      <div id="MMMenuContainer0722143726_0">
        <div id="MMMenu0722143726_0" onmouseout="MM_menuStartTimeout(500);" onmouseover="MM_menuResetTimeout();"> <a href="javascript:;" id="MMMenu0722143726_0_Item_0" class="MMMIFVStyleMMMenu0722143726_0" onmouseover="MM_menuOverMenuItem('MMMenu0722143726_0');"> Links </a> <a href="javascript:;" id="MMMenu0722143726_0_Item_1" class="MMMIVStyleMMMenu0722143726_0" onmouseover="MM_menuOverMenuItem('MMMenu0722143726_0');"> FAQ's </a> </div>
      </div>
    </div>

Answer 1

Thanks Ken,
     I appreciate you looking at this.
Basically im trying to create it on percentage width and centred within the container, if that makes any sense.
Darren
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Chiltern Home Care</title>
<link href="chc_style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
.style2 {font-family: Verdana, Arial, Helvetica, sans-serif}td img {display: block;}td img {display: block;}
body {
    background-image: url(CHC_BACK2.jpg);
    background-size: cover;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
body,td,th {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 100%;
</style>
<link href="SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css" />
<script language="JavaScript1.2" type="text/javascript" src="MENU_BARS/mm_css_menu.js"></script>
<script src="SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
</head>
<script language="javascript1.2" type="text/javascript" src=""></script>
<body>
<div class="container">
  <div class="banner">
    <div class="menu_bar">
      <ul id="MenuBar1" class="MenuBarHorizontal">
        <li><a href="#">Services</a></li>
        <li><a href="#">Getting Started</a></li>
        <li><a href="#">Funding</a></li>
        <li><a href="#">Our Carers</a></li>
        <li><a href="#" class="MenuBarItemSubmenu">Links &amp; FAQ's</a>
          <ul>
            <li><a href="#">Links</a></li>
            <li><a href="#">FAQ's</a></li>
          </ul>
        </li>
        <li><a href="#">Work for Us</a></li>
        <li><a href="#">Contact Us</a></li>
      </ul>
    </div>
<div class="care_text">Care for you or your family shouldn't cost the earth.</div>
<div class="logo_text">Chiltern Home Care    </div>
    <div class="call_us"> Contact us to discuss<br />YOUR care needs<br />TEL: ***** ******<br />[email protected] </div>
  </div>
  <div class="main">
    <div align="center">Content for  class "main" Goes Here</div>
  </div>
  <div class="footer">
    <div class="copyright">Copyright &copy; Chiltern Home Care Limited 2013 All Rights Reserved</div>
    <div class="cqc_logo"></div>
  </div>
</div>
</div>
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"SpryAssets/SpryMenuBarDownHover.gif", imgRight:"SpryAssets/SpryMenuBarRightHover.gif"});
</script>
</body>
</html>
CSS
.Main_head {
    height: 81px;
    width: 383px;
    position: absolute;
    left: 590px;
    top: 220px;
    background-color: #64a377;
    border-radius: 20px;
.banner {
    float: left;
    height: 260px;
    width: 100%;
    visibility: visible;
    position: fixed;
    z-index: 1000000;
    background-color: #64a4eb;
    top: 0px;
    left: 0px;
.main {
    float:left
    height: 600px;
    width: 980px;
    height: 1200px;
    position: relative;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    -moz-border-radius-topright: 80px;
    -moz-border-radius-bottomleft: 80px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomright: 10px;
    top: 285.px;
    border-bottom-left-radius: 40px;
    border-bottom-right-radius: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 40px;
    background-color: #64a377;
    top: 390px;
    margin: 0px auto;
.logo {
    float: none;
    height: 150px;
    width: 150px;
    position: absolute;
    z-index: auto;
    top: 6px;
    background-repeat: no-repeat;
    background-position: center;
    visibility: visible;
    left: 1px;
    background-image: url(../../CHILTERN%20HOME%20CARE/MEDIA/CHC_Logo_perfect_Vector.gif);
.logo_text {
    position: absolute;
    width: 80%;
    height: 116px;
    visibility: visible;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style: normal;
    font-size: 350%;
    text-align: left;
    font-weight: normal;
    color: #FFF;
    text-shadow: 0px 5px #000000;
    left: 15%;
    top: 17px;
    float: left;
.cqc_logo {
    height: 46px;
    width: 120px;
    position: absolute;
    background-repeat: no-repeat;
    background-color: #FFF;
    background-image: url(CQC%20Logo.jpg);
    z-index: 30;
    left: 848px;
    bottom: 11px;
.menu_bar {
    width: 100%;
    height: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18pt;
    font-weight: bolder;
    visibility: visible;
    text-align: center;
    left: 1px;
    position: absolute;
    top: 199px;
.h6 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 150%;
    font-style: normal;
    color: #FFFFFF;
    position: absolute;
    left: 150px;
    top: 120px;
    width: 637px;
    float: left;
    visibility: visible;
    font-weight: normal;
    text-align: center;
    height: 34px;
.footer {
    height: 70px;
    width: 980px;
    position: relative;
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color: #64a377;
    margin: 0px auto;
.container {
    height: 1900px;
    width: 100%;
    position: absolute;
    left: auto;
    top: 0%;
    right: auto;
.copyright {
    height: 15px;
    width: 814px;
    position: absolute;
    visibility: visible;
    left: 1%;
    border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 100%;
    text-align: left;
    color: #000000;
    font-variant: normal;
    bottom: 3px;
    font-weight: bold;
.main_head_left {
    height: 100px;
    width: 300px;
    position: absolute;
    left: 10px;
    top: 6px;
.main_head_right {
    height: 100px;
    width: 300px;
    position: absolute;
    top: 6px;
    right: 28px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 28px;
    color: #ffffff;
    font-style: normal;
    text-align: center;
    vertical-align: top;
.main_head_middle {
    height: 49px;
    width: 353px;
    position: absolute;
    top: 16px;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 36px;
    color: #FFF;
    text-align: justify;
    right: 13px;
.main_top_sm_l {
    height: 207px;
    width: 300px;
    left: 5px;
    top: 5px;
    position: absolute;
    visibility: visible;
    background-color: #990;
    text-align: center;
    vertical-align: middle;
.main_left_full {
    height: 700px;
    width: 400px;
    position: absolute;
    visibility: visible;
    background-color: #C99;
    color: #ffffff;
    font-size: 16px;
    top: 2px;
    left: 10px;
.main_right_full {
    height: 700px;
    width: 400px;
    position: absolute;
    visibility: visible;
    background-color: #C99;
    color: #ffffff;
    font-size: 16px;
    top: 3px;
    right: 28px;
.call_us {
    height: 100px;
    width: auto;
    position: absolute;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 100%;
    text-align: center;
    color: #FFF;
    font-weight: normal;
    background-color: #3488E4;
    border-radius: 20px;
    padding: 0.5%;
    left: 1077px;
    vertical-align: middle;
    text-shadow: none;
    top: 66px;
.main_centre_full {
    background-color: #64a377;
    height: 97%;
    width: 98%;
    position: relative;
    top: 12px;
    margin: auto;
    border-radius: 20px;
.care_text {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 150%;
    color: #FFF;
    height: 32px;
    width: 80%;
    position: absolute;
    left: 8%;
    top: 135px;
    float: left;
    word-wrap: normal;
    text-align: center;
.circle {
    background-color: #FFF;
    height: 300px;
    width: 300px;
    position: absolute;
    left: 1235px;
    top: 272px;
    border-radius: 200px;