CSS Menus and Hovering over links

Hey guys, using 2 level Suckerfish Dropdown to create my menu, and they have a little arrow next to the items that have a sub menu for them, which is pretty cool. But at the moment I'm switching the background colour and text color when I hover, so I also switch the background image so that it all matches, which isn't a problem. The problem is though, if I choose the sub menu item, the parent List item feels its lost focus, and changes back to the original background image, instead of keeping what it displayed (if that doesn't make any sense, take a look at the testpage). It can keep the background hover colour, so it is possible...

http://www.pcmstudios.com/testpage.html (haven't tested in IE6 so it may be shot to hell)


Edit:
#nav li:hover > a.daddy {
background: url("./rightarrow3.png") center right no-repeat;

}

Woohoo, but I think that will only work in FireFox. I guess I should probably just prevent IE from showing the background image so they don't get that dodgy look going on.