Why is this navigation bar being pushed out of position?

Question

We added a Solar System Scope feature to our website and it views fine within the DreamWeaver software, however, when viewed "live" the navigation bar is pushed below the Scope. Hope you can help me out. If there is no solution, I may try to add a "Home" button at the top (if possible) and hope that works.
Here is the link to take a look, scroll down to see the navigation bar placement. Thanks for your help!
http://www.catchaghostparanormalequipment.com/solarsystemscope.html

Answer 1

Your still missing the closing </div> to your apDiv1
However forget that.
Change this:
<div class="welcome" id="apDiv1"">
to:
<div class="welcome" id="homeNav">
So now your code is as below: (IMPORTANT: close the <div> with a </div> tag AFTER the closing </ul> tag, scroll down to see it)
<div class="welcome" id="homeNav">
<ul id="MenuBar1" class="MenuBarVertical">
  <li><a href="index.html">Home</a></li>
  <li><a href="lasers.html">Laser Products</a></li>
  <li><a href="iongenerator.html">Ion Generators</a></li>
  <li><a href="tracking.html">Ghost Tracking Kit</a></li>
  <li><a href="audio.html">Audio</a></li>
  <li><a href="illuminators.html">IR and UV Illuminators</a></li>
  <li><a href="paranormaltriggerprops.html">Paranormal Trigger Props</a></li>
<li><a href="metaphysical.html">Metaphysical</a></li>
<li><a href="equipmentcases.html">Equipment Cases</a></li>
<li><a href="contact.html">Contact</a></li>
  <li><a href="linktous.html">Link to Us</a></li>
</ul>
</div><!-- close homeNav -->
Add the below css to your styles:
#homeNav {
    position:absolute;
    left:20px;
    top:310px;
    width:120px;
Not ideal but that should get you closer to where you want to be.