Driving Me Mad!

Hey screams

I did ask my sales guys not to push dropdown menus as i hate them! but this is more the reason why…

The site am working on has a crossbrowser bug, a small gap appearing between the second level LI’s namely in IE7 and i havent even dared to look at the menu in IE6!..

The site is @ www.mwismedia.co.uk/dev/timezone

And the CSS for the menu is @

www.mwismedia.co.uk/dev/timezone/dropdown.css

HTML is…

<div id="nav">
<div class="MenuBar">
<ul class="MenuHorizontal Level1">
<li style="margin: 0 1px 0 0"><a href="index.html">Homepage</a></li>
<li><a href="about-timezone-digital.html">About Us</a></li>
<li><a href="#">Our Services</a><ul class="MenuVertical Level2">
        <li><a href="scanning-bureau.html">Scanning Bureau</a></li>
        <li><a href="drawing-scanning.html">Drawing Scanning</a></li>
        <li><a href="cad-conversion.html">CAD Conversion</a></li>
        <li><a href="cold-datagrabber.html">Cold / Datagrabber</a></li>
        <li><a href="web-access.html">Web Access</a></li>
      </ul></li>

<li><a href="benefits-of-timezone.html">Benefits</a></li>
<li><a href="get-in-touch.html">Get In Touch</a></li>
</ul>
</div>


</div>

I have played with widths, margins and padding till i screamed and no joy?! Can someone at least point me in the right direction of where i am going on the site.

No comments on the design please, i hate it as it is!.