Patrik Jansson wrote:
> I've been working on a site, which has several small image
> galleries of
> different buildings. Bigger image shows when thumbnail is
> hovered over.
[...]
> In IE, however, the top of the bigger image is a bit lower than the
> thumbnails and when there are thumbnails in three or more rows, the
> bigger image drops even more down, approximately the height of one
> thumbnail. So it looks like IE thinks that the bigger image is
> positioned somehow relatively with the thumbnails..?
[...]
> For example here there are two rows of thumbnails and IE shows the
> bigger image 1.5em or so below the line it should be in:
> http://www.mondiara.com/x_tlehto.php?lang=en
In IE relative containers need hasLayout otherwise they misbehave in many
different ways [1].
Adding:
.gallery { zoom: 1; z-index: 1; }
and removing the IE-specific
top: -8em;
seems to fix the problem, at least in IE7.
(I haven't looked at the details, in particular why a z-index seems
necessary to avoid problems at hover.)
Best regards,
Bruno
[1] http://www.satzansatz.de/cssd/onhavinglayout.html#rp
--
Bruno Fassino http://www.brunildo.org/test
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
