Webmaster Forum / HTML, CSS, Scripts / CSS / September 2007

I'm also using Firefox 2.0.0.7. When I move over the 'Galleries' link its
background changes to grey as you intend, but only if the pointer is more
than about half way up the text - the grey background disappears if I move
the pointer into the lower half of the grey area. This does not happen with
the other links, where I can move the pointer to the bottom of the grey
area before the background resets to black.

Yep. As you know MSIE does not support :hover on element other than A
with HREF attributes, i.e., links. So you are using a csshover.htc

You csshover.htc does seem to work for MSIE6 and a bit complicated. I
have a much simpler htc solution your can see at:

http://www.littleworksstudio.com/Amberlithe/profiles
Amberlithe Ibizan Hounds Dog Profiles

Where I use in on the left-hand Profile Index menu. The hover is on a DIV

all you have to do is as a special class named 'hover' for what ever
your have a hover on.

From the modern browser version:
li.special:hover {...}

to add MSIE support:
li.special:hover,
li.special.hover {...}

then attach the HTC:
li.special { behavior: url(IEFixes.htc); }

Here is IEFixes.htc:
//--------------------------start cut --------------------
<public:component>
// For MSIE use JScript to attach JS functions to compensate
// for missing pseudo-class support
// from Vladdy  http://www.vladdy.net/Demos/IEPseudoClassesFix.html
// updated for html4.01 jnl 3/06
<public:attach event="onmouseover" onevent="DoHover()">
<public:attach event="onmouseout"  onevent="RestoreHover()">
<public:attach event="onmousedown" onevent="DoActive()">
<public:attach event="onmouseup"   onevent="RestoreActive()">
<script type="text/jscript">
  function DoHover(){
    element.className += ' hover';
  }
  function DoActive(){
    element.className += ' active';
  }
  function RestoreHover(){
    element.className = element.className.replace(/\shover\b/,'');
  }
  function RestoreActive(){
    element.className = element.className.replace(/\sactive\b/,'');
  }
</script>
</public:component>
//-------------------------- end cut ---------------------

I don't have IE6 handy, but

Well why don't you install it? I have version 4-7 installed. Unless you
have Vista.

http://browsers.evolt.org/
evolt.org - Browser Archive

BTW another way you can help yourself with MSIE is dump the XHTML. Use
HTML 4.01 strict because your currently only transitional serving your
XHTML as text/html. If you did it properly you'd lose all MSIE support!