IE hover,absolute,z-index bug

[nouras]

I use css to put png image on the page , i need the absolute position ,z-index and hover property .
this is the code ...

a.play{position:absolute;bottom:-37px!important;bottom:2px;right:10px!important;
right:2px;width:40px; height:40px; margin:0; outline:none; display:none;background:url(play.png) no-repeat; text-indent:-999em; border:none;cursor:pointer; z-index:10000000;}
a:hover.play{background:url(play_h.png) no-repeat;}

this code work in firefox but in don't work in IE.
this is an image about the problem to see an example
in Firefox


in IE




the button play is the png image .
i need to change the location of this image in IE to be as it seems in firefox.
therefor i use the absolute position and z-index in css file .
what i can do to make this css work in IE to remove the image??
and i have also hover problem in IE .
please help me.

[nouras]

Help me ...........
please.

[drhowarddrfine]

We need to see the complete html/css or preferably a link. Also, the version of IE you are having problems with.

[nouras]

thank you ...
i am using the gallery in this link

http://www.pirolab.it/pirobox/

the file css in the folder ((csspirobox/white/style.css)).
i change this line in the css file

a.play{position:absolute;bottom:-37px!important;bottom:2px;right:10px!important;right:2px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(play.png) no-repeat; text-indent:-999em; border:none;cursor:pointer; z-index:10000000}
a:hover.play{background:url(play_h.png) no-repeat;}

*html a.play{position:absolute;top:280px!important;right:10px!important;right:2px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(play.png) no-repeat; text-indent:-999em; border:none;cursor:pointer; z-index:10000000}
*html a:hover.play{background:url(play_h.png) no-repeat;}

a.stop{position:absolute;bottom:-37px!important;bottom:2px;right:10px!important;right:2px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(pause.png) no-repeat;text-indent:-999em; border:none;cursor:pointer; z-index:10000000}
*html a.stop{position:absolute;top:280px!important;bottom:2px;right:10px!important;right:2px;width:40px; height:40px; margin:0; outline:none; display:block;background:url(pause.png) no-repeat;text-indent:-999em; border:none;cursor:pointer; z-index:10000000}
a:hover.stop{background:url(pause_h.png) no-repeat;}

it works good in firefox ,but the problim in IE7 ,IE6
in IE : if i change the position to the buttom it seems like this image

the play button will disappears...