CSS Menu with "active" background color on a e-commerce system help
 

Hello all!

So we run an e-store at this link here (you'll see the menu I've created at the top).. http://store.theproductfarm.com

I have a CSS style for "active" to basically turn the background of the active page to the orange color (same as when you hover). However, I have this menu nested in the e-commerce systems "default.html" page so that it will show on ALL pages. However, this means if I set "home" to be the active one, it doesn't matter what page you're one, it will always have "home" highlighted.

How could I go about this in this situation? I know in a normal website structure I could choose to have contact.html for example to be "active" in the menu, but with this situation it's a little different.

Your help is greatly appreciated!

TravisHD,
Look at this method that uses an id on the body of the document - http://nopeople.com/CSS%20tips/h_ul_...ges/index.html

You might find a .js solution that would work for you too.