Drop down list, off focus is that possible?

Hi,

I have a drop-down menu I have been working on which is all fine apart from a small issue.

[url]http://www.undertow.co.uk/misc/code/test.html[/url]

When I hover over a top level item the background turns light blue and the text turns blue. When I go into the next level the text i.e ‘Menu Item 1’ changes back to white and makes it impossible to see.

Any ideas on why this happens and how I could fix it?

Ideally I want it to stay it hover over state while I go down through the sub list (with the red arrow pointing down and the text blue etc)

For an example of what I want it do – the internet.com nav at the top of this site does it perfectly i.e. drop down and the top level highlights in red for example.

I had a look but can’t figure out how it works though.

Thanks for any help

Also in #CSS _↴