I'm wondering if the z-index is so inconsistent among different
browsers that I should quit working with it and use another strategy
to accomplish what I am trying to do.
I have an image that I want to overlap the background image below
it. I could make just one image but then I would have to make a
unique image for every time I want to use that round-corner
background and it would also add to the download size of every page.
I started out by using a negative bottom margin and that worked just
fine in Opera and Firefox but not IE6.
I then tried the z-index but that didn't help IE6.
I then switched to relative positioning and with the z-index I got it
to work in Opera and IE6 but not in Firefox.
Is there a good tutorial on this that tells how to hack the different browsers?
IE7b2 testing hub -- 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/