multiple menus overlap on left hand side of webpage

Hello neilo,

Thank you for getting back to me.

I removed the 30px; from the 'ul#cssmw rules' and replaced that value with 0

However when I added </ul> to the menu, below the first good menu at the top of LHS and also repeated it for the lower menu it rendered the display as
a list of menu lines as text down the LHS.

Here is the code to compare with my uploaded pages.

<ul class="level-0" id="cssmw">
<li><span><span><a href="../standard.html">standard</a></span></span></li>
<li><span><span><a href="../organic.html">organic</a></span></span></li>
<li><span><span><a href="../orchid.html">orchid</a></span></span></li>
<table width="100%" height="42" border="0" cellpadding="0" cellspacing="5" bordercolor="#ECE9D8" bgcolor="#D4E5FF">
<tr>
<td height="31">&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>

<p>
</ul class="level-0" id="cssmw0">
<li><span><span><a href="../basicguide.html">Basic guide</a></span></span></li>
<li><span><span><a href="../rateofuse.html">Rate of use</a></span></span></li>
<li><span><span><a href="../grow_organic.html">Grow organic</a></span></span></li>
<li><span><span><a href="../grow_orchids.html">Grow orchids</a></span></span></li>
<li><span><span><a href="../detailiedguide.html">Detailed guide</a></span></span></li>
<li><span><span><a href="../biggerleaves.html">Bigger plants</a></span></span></li>
<li><span><span><a href="../biggerleaves.html">Bigger leaves</a></span></span></li>
<li><span><span><a href="../more flowers.html">More flowers</a></span></span></li>
<li><span><span><a href="../flowershape.html">Flower shape</a></span></span></li>
<li><span><span><a href="../exotics.html">Exotics</a></span></span></li>
<li><span><span><a href="../science.html">Science</a></span></span></li>
<li><span><span><a href="../specialistplants.html">Specialist plants</a></span></span></li>
<li><span><span><a href="../indoor.html">Indoor</a></span></span></li>
<li><span><span><a href="../outdoor.html">Outdoor</a></span></span></li>
<table width="99%" height="49" border="0" cellpadding="0" cellspacing="5">
<tr>
<td>&nbsp;</td>
</tr>
</table>
<p>&nbsp;</p>
<p>&nbsp;
</ul class="level-0" id="cssmw3">
<li><span><span><a href="../links.html">Links</a></span></span></li>
<li><span><span><a href="../feedback.html">Feedback</a></span></span></li>
<li><span><span><a href="../award_publicity.html">Award publicity</a></span></span></li>
<li><span><span><a href="../searchsite.html">Site search</a></span></span></li>
<li><span><span><a href="../webfeeds.html">Webfeeds XML</a></span></span></li>
<li><span><span><a href="../sitemap.xml">Site map</a></span></span></li>
<li><span><span><a href="../enquiries.html">Enquiries</a></span></span></li>
</ul>
<script t

I clearly must have done something wrong...I did not proceed beyond this point.

With regard the problem of menu displaying and overlapping, strangely it only seems to be a problem when viewing my site in OE8 compatability view. When compatability view is switched off it does not happen. It also displays fine in OE7.

However I would like to resolve the problem so the menu's display as one.

With regards
Alan