At 11/15/2006 03:43 PM, Nick Roper wrote:
I tried creating a new image file for the third link
'home-administration.jpg'. This comprises both black & white and
colour versions of the image next to each other, with the CSS
changing the position when the link is hovered over. The page loads
OK in IE, but when hovering over the last link for the first time,
the whole link & image shifts vertically. It then remains in the
same position subsequently.
See: http://dev.logical.co.uk/test/imglinktest.html
Any suggestions?
I'm sorry I'm in mid-deadline and can't research this properly, but
very briefly I wonder if it might be related to IE's sanity-straining
shift on hover, as described here:
Quirky Percentages in IE6's Visual Formatting Model
by Ingo Chao
http://www.positioniseverything.net/explorer/percentages.html
Why would setting and/or changing the background-position on hover
would trigger this phenomenon? I suspect it relates to the fact that
you're making your list items inline even while they contain anchors
made block:
#serviceNav ul li{
display : inline; /* Kludge to fix gaps between
lines in IE/Win */
}
#serviceNav ul li a{
display : block;
...
Paul
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
