Well you have my 10 minute fudge of js, HTMLDog's nice bit of DOM script or as a third option, keep it as is and don't worry about it.

See now, I did use Lizciz's suggestions and got it to work...

The only trouble is, that the top menu text does not turn to white when you scroll over the other items in the menu.

http://www.manausfund.org.php5-21.websitetestlink.com/

Just need to also straighten out the wack jumpy text.

Any ideas? Anything would be greatly appreciated.

just put there these lines and you will be done ...

#primary-nav li:hover a {
        background-color: #45585c;
        color: #ffffff;
 }

I could kiss you!! thanks so much for your help, got me on the right track. seems so obvious now. I actually tried something like that before, but I put it as "span a" so it didn't work.

Put this in to get it to work.

/* this is the magic hover for the parent*/
#primary-nav li:hover a span {
color: #ffffff;
}


Thanks so much for taking a look. I know that style sheet is a mess.