Ian Piper wrote:

Doesn't look like you have found a suitable solution yet.

> Having done some reading I got the impression that one fix was to 
> create a lower z-index for the container div, but that doesn't seem 
> to have made any difference.

That's right, it won't make any difference to IE/win since all container
divs down the page have the _same_ z-index and and IE/win can't free
their absolute positioned children from the parents. Thus, subsequent
container divs, with their content, will be stacked higher and end up in
front.

You'll have to change z-index to a higher one _only_ on :hover, and
that's a bit difficult with your line-up in IE6 and older since they can
only :hover on anchors.

> http://www.tellura.co.uk/fenditching/content/specialist_plant.htm

Here's an alternative method...
<http://www.gunlaug.no/tos/alien/ip/test_08_0304.html>
...which doesn't use absolute positioning and therefore avoids those
nasty IE/win bugs. The z-index is raised on :hover here too - on the
anchors, but the spans with the big images line up relative to the
container divs since they are floated and controlled by margins.

Ok in all major browsers, except for a slight vertical line-up flaw in
Safari 3(win) that I haven't squashed.

regards
        Georg
-- 
http://www.gunlaug.no
______________________________________________________________________
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/

Reply via email to