AnyLink JS Drop Down Menu v2.2

[allisoni]

1) Script Title: AnyLink JS Drop Down Menu v2.2

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/dropmenuindex.htm

3) Describe problem: I implemented this in a website however, when in IE it looks perfect and is below the image but in Firefox the drop down covers the image.

I haven't changed anything other than menu colors.

[ddadmin]

Please post a link to the page on your site that contains the problematic script so we can check it out.

[allisoni]

http://www.myinvisiblecoach.com/Default2.aspx

Just a temp page I set up. Mouse over Tools and you'll see what I mean.

[ddadmin]

Try giving the anchor image explicit width and height attributes, ie:


<a href="Tools.aspx" class="menuanchorclass" rel="anylinkmenu1" data-image="img/tools.jpg" data-overimage="img/tools.jpg"><img src="img/tools.jpg" style="border-width: 0; width:97px;height:42px" /></a>

If that doesn't help, try also moving the "rel" attribute into the IMG tag itself:


<a href="Tools.aspx" class="menuanchorclass" data-image="img/tools.jpg" data-overimage="img/tools.jpg"><img src="img/tools.jpg" rel="anylinkmenu1" style="border-width: 0; width:97px;height:42px" /></a>

[allisoni]

Neither worked.

Moving the rel tag stopped it from showing up alltogether

[ddadmin]

For the 2nd suggestion, try also moving the "data" and "class" attributes so they are inside the image element as well:


<a href="Tools.aspx" ><img src="img/tools.jpg" class="menuanchorclass" data-image="img/tools.jpg" data-overimage="img/tools.jpg" rel="anylinkmenu1" style="border-width: 0; width:97px;height:42px" /></a>

[allisoni]

That worked. Thanks!