Hmm try moving the HTML markup for the drop down menus themselves to the very end of your page, ie:
Code:
<!--Calendars Parties Events Menu -->
<div id="cpemenu" class="mega solidblocktheme">
<div class="column">
<ul>
<li><a href="/BallroomDancingClassesandLessons/Calendar/">Calendar</a></li>
<li><a href="/BallroomDancingClassesandLessons/Calendar/">Parties</a></li>
<li><a href="/BallroomDancingClassesandLessons/Calendar/">Events</a></li> <br />
</ul>
</div>
<br style="clear:left" />
<p> </p>
</div>
<!--News Blogs Menu (2) -->
<div id="newsmenu" class="mega solidblocktheme">
<div class="column">
<ul>
<li><a href="/News_Specials_Blogs/">Linda's Blog</a></li>
<li><a href="/News_Specials_Blogs/" >Facebook Page</a></li>
<li><a href="/News_Specials_Blogs/">Specials</a></li>
<li><a href="/News_Specials_Blogs/">E-News Archives</a></li>
<li><a href="/BallroomDancingClassesandLessons/Calendar/" >Join Our Email List</a></li>
</ul>
</div>
</div> <br style="clear:left" />
<p> </p>
<!--Training Menu -->
<div id="trainingmenu" class="mega solidblocktheme">
<p style="margin-top:10px">Professional Training</p>
<div class="column">
<ul>
<li><a href="/Training/">Training Information</a></li>
<li><a href="/Training/">Requirements</a></li>
<li><a href="/Training">Tuition</a></li>
</ul>
</div>
</div>
</body>
Bookmarks