layout change on hover

Question

Lately I've noticed a very weird thing in http://www.lua.org/docs.html – when I hover over the links beside the cover images, the layout changes!

I see this in Safari but not in Firefox. Some people have reported that it happens in Chrome too.

The page passes the validator at http://validator.w3.org/ . The relevant CSS is at http://www.lua.org/lua.css.

It seems to be a Webkit bug. Has anyone seen that as well? Any suggested fix?

Answer 1

It looks like this

hspace="12"

within each img tag might be causing it.

<img src="images/pil2.jpg" alt="" title="buy from Amazon" border="1" align="left" hspace="12">

When I remove it, the jumpiness goes away.

hspace is deprecated. Perhaps webkit only partially supports?

You're right @lhf.

However, I think I found it now. It's the blockquote that is surrounding the images and links.

When I remove it from the HTML, all fixed.