THANKS Andy.
I did as you said, and mostly it works fine.
The z-index although doesn't seem to respond. So I reduced the size of the
large pic and gave it a -ve top margin, to avoid overlaps between small and
large (on hover) images. Otherwise the small one keeps peeking through the
hovered one.
Why is this despite .pic having a z-index = 100 and .pic a .large having =
1000! (The 1000 is in frustration!)
We live and we learn.
Thanks again.
Larry
----- Original Message -----
From: Andy Harrison
To: Jehangir Larry
Cc: css-d@lists.css-discuss.org
Sent: Sunday, January 07, 2007 6:57 AM
Subject: Re: [css-d] IE issue
Sorry Larry, I don't see what's causing that. I did notice that the image
popups don't work correctly in IE 6 though (they aren't absolutely positioned);
who knows, it may have something to do with that. I have a few suggestions for
your CSS:
.pic a .large {
/*...*/
display:none; /*instead of block; so it's hidden until you hover - and
so you don't have to make it a single pixel to hide it*/
z-index:1; /*or greater; so the large image shows above all the
smaller ones*/
}
.pic a.p1:hover .large {
/*get rid of position:fixed - this is probably causing the problem with
the popups in IE; leave it as absolute*/
}
Hope that helps in some way :-)
Andy
______________________________________________________________________
css-discuss [EMAIL PROTECTED]
http://www.css-discuss.org/mailman/listinfo/css-d
IE7 information -- http://css-discuss.incutio.com/?page=IE7
List wiki/FAQ -- http://css-discuss.incutio.com/
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
