spry menu issues and sub menu distance

[johnnymac]

I have created a website with two vertical Spy menus (left side of page) but for some unknown reason when you select the sub menu the following issues occur.

Sub menu laps over the main menu when selected but only to the left slightly it also appears slighty above the main menu only slightly.

I want to see the main menu and the sub menu appear all at the same height

The text also changes size smaller. when selected by the mouse.

any suggestions on how to improve this thank you.

[s5nelson]

Could you please post your code?

[johnnymac]

Hi thank you here is the code for 2 menus

the link is here http://www.clickonsthelenaisland.com...ons/index.html


Menu one

<ul id="MenuBar1" class="MenuBarVertical">
<li><a href="#" class="MenuBarItemSubmenu">Septic Tanks/Cesspools</a>
<ul>
<li><a href="../septic tanks and cesspools emptying.html">Emptying</a></li>
<li><a href="../Septic Tank &amp; Cesspool installations bristol.html">Installations</a></li>
<li><a href="../septic tank cesspool soakaway inspections.html">Inspections/Repairs</a></li>
<li><a href="../septic tanks how they work in bristol.html">How they work</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Treatment Plants</a>
<ul>
<li><a href="../treatment plant emptying.html">Emptying</a></li>
<li><a href="../treatment plant installation.html">Installations</a></li>
<li><a href="../treatment plant maintenance and servicing.html">Maintenance/Service</a></li>
<li><a href="../treatment plant inspections.html">Inspections</a></li>
<li><a href="../treatment Plant How It Works.html">How they work</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Soak-Aways Systems</a>
<ul>
<li><a href="#">Installation</a></li>
<li><a href="#">Repairs</a></li>
<li><a href="#">Pressure Jetting</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Drainage</a>
<ul>
<li><a href="#">Blockages</a></li>
<li><a href="#">New Installations</a></li>
<li><a href="#">Drain Re-Lining</a></li>
<li><a href="#">Mains Connections</a></li>
<li><a href="#">CCTV Surveys</a></li>
</ul>
</li>
</ul>


menu two

<ul id="MenuBar2" class="MenuBarVertical">
<li><a href="#" class="MenuBarItemSubmenu">Site Portable units</a>
<ul>
<li><a href="#">Emptying</a></li>
<li><a href="#">Blockages</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Interceptors</a>
<ul>
<li><a href="#">Emptying</a></li>
<li><a href="#">Installations</a></li>
<li><a href="#">Maintenance</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Traps/Separators</a>
<ul>
<li><a href="#">Emptying</a></li>
<li><a href="#">Installations</a></li>
<li><a href="#">Maintenance</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Spray Booth Waste</a>
<ul>
<li><a href="#">Emptying</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Leachate</a>
<ul>
<li><a href="#">Emptying</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Pumping Stations</a>
<ul>
<li><a href="#">Emptying</a></li>
<li><a href="#">Maintanance</a></li>
<li><a href="#">New Pumps</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Sewage Tanks</a>
<ul>
<li><a href="#">Emptying</a></li>
<li><a href="#">Installations</a></li>
<li><a href="#">Maintenance</a></li>
</ul>
</li>
<li><a href="#" class="MenuBarItemSubmenu">Site Maintenance</a>
<ul>
<li><a href="#">CCTV Surveys</a></li>
<li><a href="#">Gully Empty</a></li>
<li><a href="#">Pressure Jetting</a></li>
<li><a href="#">Drain Maintenance</a></li>
<li><a href="#">Wash down Pits</a></li>
</ul>
</li>
</ul>

[johnnymac]

Hi thanks for all that replied i am still hoping some one can tell me (spry menu) how to set the distance of the sub menu from the main menu
For some unknown reason my sub menu is lapping on my main menu when the link (main) menu is submitted