I think I have fixed this by applying some height and removing margins,
but will also look at suggested article.
Many thanks again to all.
Paul Novitski wrote:
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]
*******************************************************************
--
Nick Roper
partner
logical elements
innovative web and internet solutions
zend/php & mysql approved partner
email: [EMAIL PROTECTED]
phone: +44 1749 676798
www: www.logical.co.uk
skype: nick.roper / +44 20 7870 9587
*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************
