A few things with divs taht just don't work...

First off I found a bug in libpng I think. What happens is:

I have a div with a background of a .png with transperency and a word. This div is inside an object which inside a div. What happens is when I hover over the div to change the background image to one with an alpha channel the text changes to the color of the images alpha channel. I can duplicate it in Firefox 1 opera 7 and netscape 7.2 and I don't know what's going on.

best results are in firefox http://142.177.157.241:8080/bikers/

go over to the silhouettes and hover watch the word TEST in the first one change from black to gray. it's only set to change the bg image.

Now onto my needs :P

Well with those silhouettes I can't get the one that is currently div:hover to rais above the rest. I tried using z-index:0; as no hover and z-index:1; as hover. that didn't work and I'm stuck.

Also, opera 7 doesn't put the images one next to each other or show the background

netscape 7.2 works for the mostpart, I wonder why

IE6 = garbage, ill put in IE6 hacks later if it's not done before IE7 comes out this summer if MS keeps their word.

http://142.177.157.241:8080/bikers/