Hover on link "clips" nearby images in IE

[Philip Herlihy]

I'm getting this bizarre effect in IE6 (not in Firefox, etc). When you
hover over the "back" or "next" links, adjacent images are cropped at that
vertical level and the page redisplays with that point at the bottom.

http://www.walthamsoft.com/assist/2.htm
(This page, at least, validates. Don't look much further or you'll see
things that will make you shudder at their ineptitude - I'm still learning
CSS!)

I don't see this effect in Firefox. Is it a familiar IE glitch or is there
something specific I could be doing better?

--
############### #####
## PH, London
############### #####

[Chris Leipold]

Hi Philip,

I don't understand why IE does this. But it's IE... I would try to
remove all margin-*, padding-* from the :hover-Section since the a:hover
inherits them anyway.
You can clear the complete anything in the :hover and put one property
after another back in the sections. Then you will see wich specific
property gets fucked by IE.

Chris
Philip Herlihy wrote:

I'm getting this bizarre effect in IE6 (not in Firefox, etc). When you
hover over the "back" or "next" links, adjacent images are cropped at that
vertical level and the page redisplays with that point at the bottom.

http://www.walthamsoft.com/assist/2.htm
(This page, at least, validates. Don't look much further or you'll see
things that will make you shudder at their ineptitude - I'm still learning
CSS!)

I don't see this effect in Firefox. Is it a familiar IE glitch or is there
something specific I could be doing better?

[Michael Rozdoba]

> http://www.walthamsoft.com/assist/2.htm

Good grief - I just saved a local copy of that page using IE 6. In the
process IE managed to hideously mangle the code, including stripping the
quotes from

html > head > link > type="text/css"

The result of which is the page no longer validates, I think because the
exposed / above closes head prematurely. Certainly
http://validator.w3.org/ seems to think something along those lines.

What a horrible experience.

Anyhow...

Philip Herlihy wrote:

I'm getting this bizarre effect in IE6 (not in Firefox, etc). When you
hover over the "back" or "next" links, adjacent images are cropped at that
vertical level and the page redisplays with that point at the bottom.
How about a variant on the IE6 Peekaboo bug? See
http://www.positioniseverything.net/...html#haslayout
http://www.walthamsoft.com/assist/2.htm
(This page, at least, validates. Don't look much further or you'll see
things that will make you shudder at their ineptitude - I'm still learning
CSS!)

I don't see this effect in Firefox. Is it a familiar IE glitch or is there
something specific I could be doing better?

Putting a false small height on a div enclosing your body contents
doesn't seem to fix it, but if one also inserts a block element as the
last item in that div which is set to clear the floats & force the
parent div to contain them, it does seem to go away.

I actually only tested those seperately: the height specified container
div isn't enough to fix it; the clearing element seems to be. However
I'd not use the latter without the former too, as otherwise you would
have the kind of conditions which can trigger peekaboo.

Fun, isn't? Amazing some wealthy individuals have lived as long as they
have without coming to an equally messy accidental end.

--
Michael
m r o z a t u k g a t e w a y d o t n e t