I'm replacing the menu on a website I'm maintaining (but didn't implement.) I've used the CSS Menu Designer in HTML Editor and the result looks perfect in External Preview (see attached menu.png) When I view the page in Chrome or Firefox, (haven't tried others) the menu box is enlarged and the menu text is skewed to the top. Any idea where the extra padding is coming from? I want it to look like it does in External Preview. I've attached menu-menu.css and index.html. Appreciate any insight you can give.

Hi Charles,
Have you published the site yet? I would rather see it on the website where we all see the same thing.

Sorry. I meant to include the URL in the original message. It's published here:
http://www.stphilips.org/

I would try taking it out of the html table and place it in a div with it's own styling..