Without seeing your site, the easiest suggestion I have is for you to use negative margins. So if it is down 3 px too far, then use this:

ul {margin-top:-3px;}

you can use a negative margin for any direction just make sure you use this order: Top, Right, Bottom, Left.

Thanks all. I got it to line up correctly in the visual editor and preview, but it is still not correct when I test it in an actual browser. I have attached the code and css for the menu. Unfortunately I do not have this online yet.

Here is a screenshot of the menu (with text from another page.)

Thanks in advance for any advice!

I believe this is the fix, although you have quite a lot going on between the CSS and the HTML, it was quite difficult to decipher.

On your CSS you will see the heading "menu-menu".
Underneath that you will see: "margin-bottom: 1em;" This will adjust your menu by moving it up or down. If you take out the 1em, or make it a smaller value you menu will move down. If you need to push the menu further to the right then add after "margin-bottom" "margin-left:5px;" or whatever value is necessary to get you lined up.

Thanks, Eric! I will try this out.