Thanks for the info Dan,
I think I can probably solve the title image
flickering, although it means introducing some extra
tagging -- it seems IE6 doesn't handle backgrounds on
anchor tags particularly well, so if you can place the
background image on the next level up, you shouldn't
However, it's a bit of a pain when you want to have
background image changed on a:hover -- you have to
have the background on the anchor (as IE doesn't
handle parent-selector CSS). On other sites I've used
the background-position change -- having the original
image and the hover image in the same file -- which
works great, no flicker, however, when you also want
to align the background to the right (as with the
arrows next to the top links) I haven't found a way of
re-positioning them correctly on hover (IE accepts an
absolute pixel value for Y-positioning, and "right"
for X-positioning, but most other browsers don't).
If you have a look at the links with the red arrows
next to them ("View the full project" etc.) they are
right aligned, and work without obvious flicker. I
cheated a bit on those -- the underlying, green arrow
image is actually the background of the parent
element, so on the anchor's hover you can just turn
the background off.
However, it's all a bit hacky, has anyone else found a
Do you Yahoo!?
Free Pop-Up Blocker - Get it now
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/