Problem with Anylinkmenu position in different pages

[naugastyle]

1) Script Title: Anylinkmenu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamici...pmenuindex.htm

3) Describe problem: I originally set up this website in 2011, and don't have a super-clear memory of how much, if anything, I modified in the script as I'm far from an expert at this stuff.
http://www.nancychuang.com
Yesterday I decided to finally update my blog to have a similar appearance. It's only halfway finished, but you can see here that the drop-down has shifted up:
http://www.nancychuang.com/blog/
Now, instead the menu appearing under the menu link, it is fitting OVER it.

As I said, I'm not an expert, so the "regular" portion of the website is made in simple HTML and nested tables. Yes, I know this isn't ideal, but it usually still works. The blog portion is in Movable Type, but the menu is copied over from the homepage. Instead of being nested, it's just one table inside the <div id="banner"> tag.

I'm just mentioning that because I'm not sure if that's part of the problem, but it's really the only difference in that menu from one page to another. If there's a way to offset the position, it would then cause a problem on the homepage where it's still positioned correctly. Any ideas? Is it possibly a conflict with the blog css?

[ddadmin]

Try editing the HTML of the anchor link in question with the changes in red:

<a href="#.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('travel','','http://www.nancychuang.com/images2/travel-over.gif',1)" class="menuanchorclass" rel="travelmenu" style="display:inline-block; height:17px"><img src="http://www.nancychuang.com/images2/travel.gif" alt="Travel" name="travel" width="37" height="17" border="0"></a>