smoothmenu...scroll bar and jumping

[trixiesirish]

1) Script Title: smoothmenu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm (this script came on the site I was handed)

3) Describe problem: client's site: http://healthyskinnaturally.com

When I hover over the word "Products" in the navigation in FF, I get a horizontal scroll bar. In Chrome, the page jumps a little when you hover/Click on "Products."

The attachment shows 1165px, but I have searched the entire site and can't find this number. I'm pretty sure it's what's causing the problem.

Horizontal scrollbars are a usability no-no.

Can someone PLEASE help me fix this problem? What is going on? And why is this referencing an external ajax script?

[ddadmin]

There seems to be something in your version of ddsmoothmenu.css that's causing the scrollbar to appear. If I revert the file back to the original one, the scrollbar disappears...

[trixiesirish]

What do you mean, this version vs. the original version? My client implemented this menu script, so I don't know the difference.

[ddadmin]

There's something in your page's CSS (either inside the customized version of ddsmoothmenu.css you have, or one of the other CSS files) that's creating the scrollbar, though I can't quite isolate what exactly is causing it.

One quick workaround/compromise to the problem is to dynamically hide any horizontal scrollbar when the drop down menu is revealed. Try the below modified .js file if you wish to go this route.