Spry good in DW but same error all browsers

Question

When I set up this index.html page following a tutorial, it worked great in DW.  I have 4 pages, all menus performed perfectly in live view, also in browser icon view.  I also put all pages through the browser compatibility check, and no errors came back.  But when I opened the site www.38bucks.com in any of the browsers, the same error happened.
The menu names stacked vertically in a small print to the right, and 4 small dots appeared on the far left.  The menu actually functioned fine, opening each page as required.  The only change I made to css was width of names to 5em and the bg color to black and to have it float right in the div.below is code, thanks for any help.
</style>
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>
<div id="apDiv1">
  <h2>38Bucks</h2>
</div>
<div id="apDiv3">
  <ul id="MenuBar1" class="MenuBarHorizontal">
    <li><a href="index.html">Home</a>    </li>
    <li><a href="about.html">About</a></li>
    <li><a href="contact.html">Contact</a>    </li>
    <li><a href="cart.html"> Cart</a></li>
  </ul>
  <p> </p>
</div>
<div id="apDiv2">
  <p>Under Construction at this time</p>
</div>
<img src="images/bkgdHome.jpg" width="1200" height="900" alt="Bkgd temp 38Bucks" />
<script type="text/javascript">
var MenuBar1 = new Spry.Widget.MenuBar("MenuBar1", {imgDown:"../SpryAssets/SpryMenuBarDownHover.gif", imgRight:"../SpryAssets/SpryMenuBarRightHover.gif"});
</script>

Answer 1

Did you upload the Spry js and css files?  The browser can't find them at your specified locations.
<link href="../SpryAssets/SpryMenuBarHorizontal.css" rel="stylesheet" type="text/css">
<script src="../SpryAssets/SpryMenuBar.js" type="text/javascript"></script>