I need help with SPRY

Question

I'm using SPRY to make a navigation bar. When I hover the
cursor over a menu item, it highlights the box in the color blue. I
don't understand where it's getting this information from? I've
gone through all the settings in the CSS styles box.
This is what I want to happen: When you hover over a menu
bar item the text changes from white to red. Background
transparent.
I need a spry recipie! -T

Answer 1

Hi Toastieo,
After much playing with the spry menu css file i managed to
change the parent menu colours and then assign a diffrent colour to
the submenu's. Unfortunetly in my case it works perfectly in
Firefox but completely screws up in Internet Exploerer 7 and have
no clue how to fix it to look right in both. So here is the code u
need to find in the CSS file but make sure it doesn't screw things
up in IE 7 it shouldn't do but it might.
/*Parent Menu Hover and Text Colour*/
ul.MenuBarHorizontal a.MenuBarItemHover, ul.MenuBarHorizontal
a.MenuBarItemSubmenuHover
background-color:#FFFFFF;
color:#000000;
/*Submenu Text colour & Hover*/
ul.MenuBarHorizontal ul a.MenuBarItemHover,
ul.MenuBarHorizontal ul li a.MenuBarItemSubmenuHover
background-color:#0000FF;
color:#FFFFFF;
Now u want to find the pink ul..... names that matches those
above.
Hope that makes sense and helps.