Pop-out Menu in IE6

I created a pop-out menu for a website I am currently working on. The menu works perfectly in Firefox, but I'm having some issues with IE. I know that IE doesn't always support :hover psuedo-classes, so I uploaded the usual csshover.htc file that basically corrects that problem.

On the index page of the site, the menu works perfectly in IE. It's after I've navigated to another page that the menu stops working. I'll hover over one of main menu options and the submenu will not appear.

I also found out that this is not a problem in IE7. It is in IE6, though I'm not sure about older versions. In my header document, I included some CSS hacks that edit the CSS for IE. I included IE6 in that code, so I'm not sure why it is not working - especially since it will work on the index page, but no others.

Here is the URL to the site I am working on: http://test.onsilverwings.net/opir.

Thank you!

Sounds like a filepath issue to me. Your index page is here:

http://test.onsilverwings.net/opir/

And at least one (the one I tried) of your other pages are in this directory:

http://test.onsilverwings.net/opir/bryant/

In both cases your CSS declaration calling the .htc file is the same:

body { behavior: url(csshover.htc); }

In the working instance (your index page), your code is looking for this file:

http://test.onsilverwings.net/opir/csshover.htc

which exists. In the other pages, it's looking for this file:

http://test.onsilverwings.net/opir/bryant/csshover.htc

which doesn't exist. To fix the problem you can either specify the full filepath or add the file to the uplevel directory.

Wow! That's correct! Who knew it would be such a simple thing that I overlooked?

Thanks a ton; it works perfectly now.