jquery hover problem with ie 6

jquery hover problem with ie 6

Hey everyone..

I really need some help on this one... hope anyone can help me quick.
Im working on a project with a css hover gallery...
But IE6 as we all know does not support hover on non tags.. so i found a neat jquery script im using to add a class to the affected objects.
But sadly the whole thing isnt working yet and i cant figure out why....

please help!

Ok so here is the html!

http://www.tobiasheyer.de/test4/index.html

and here is my jquery:

$('#photo ul.topic li').hover(
        function()
        {
                $(this).addClass('ie_hover_menu1');
        },
        function()
        {
                $(this).removeClass('ie_hover_menu1');
         });



with the corresponding selectors in the css:

#photo ul.topic li:hover, .ie_hover_menu1
{
        background-color:#f1f1f1;
}


o and for now im just trying to get the hover effect on the left menu to work...

i would reaallyyy appreciate your help.

greetings
Jay form germany