nav CSS related issue

Thanks for your time.

We trying to setup a new website, link below

The main navigation bar on the top ("Hard Drive" etc etc) stopped working, suppose it should display the catagories when you hover.
We have 2x style.css files for this, one for main frame and the other for the content frame.  We suspect CSS "nav" under style.css for the main frame could be causing the problem.

We do need to keep both of the style.css files as this page is a CMS page and the style.css for the content div is only for this page.

Thanks for your input.

Who is Participating?
I wear a lot of hats...

"The solutions and answers provided on Experts Exchange have been extremely helpful to me over the last few years. I wear a lot of hats - Developer, Database Administrator, Help Desk, etc., so I know a lot of things but not a lot about one thing. Experts Exchange gives me answers from people who do know a lot about one thing, in a easy to use platform." -Todd S.

Chris StanyonWebDevCommented:
The hover action of your Navbar is created by using Javascript. When you hover over an item, Javascript adds a class of 'shown-sub' to the hidden part of your navigation. You have errors in some other part of your Javascript that is causing this not to fire - it's not an issue with CSS - it's with JS.

I believe you have some problem with <script src="" type="text/javascript"></script> and nav.
Jquery breaks your nav.
Chris StanyonWebDevCommented:
The problem is actually in the Prototype files that come with Magento. Because you are also using jQuery you are breaking prototype.

You should try running jQuery with noConflict - have a look here for details -

Experts Exchange Solution brought to you by

Your issues matter to us.

Facing a tech roadblock? Get the help and guidance you need from experienced professionals who care. Ask your question anytime, anywhere, with no hassle.

Start your 7-day free trial
David S.Consultant & Challenge SubduerCommented:
It looks like the problem might be that the jQuery and Prototype libraries are both loaded in that page. To do that, you need to use jQuery in "noConflict" mode.
It's more than this solution.Get answers and train to solve all your tech problems - anytime, anywhere.Try it for free Edge Out The Competitionfor your dream job with proven skills and certifications.Get started today Stand Outas the employee with proven skills.Start learning today for free Move Your Career Forwardwith certification training in the latest technologies.Start your trial today

From novice to tech pro — start learning today.