I'm using the following code to place a png button over a flash video player but the 'play-button' won't work in Opera. It works in ie6-8, ff, safari and seamonkey. would anyone know why this might be happening? thanks a lot in advance.

#video-wrapper {
background:url(../images/player-bg.jpg);
height:278px;
position:absolute;
width:466px;
margin-left:48px;
}

#player {
float:left;
margin:18px 0 0 18px;
}

.playlist {
float:left;
width:115px;
margin:18px 0 0 12px;
}

#player, #player img {
display:block;
height:240px;
width:300px;
}

.play {
background:url(../images/play-button.png) no-repeat;
cursor:pointer;
height:48px;
left:145px;
margin-bottom:-50px;
opacity:0.9;
position:absolute;
top:120px;
width:48px;
}

.play:hover {
opacity:0.5;
}

.items a {
display:block;
height:66px;
margin-bottom:5px;
width:115px;
}

.items a:hover {
background-position:0 -68px;
}

.items a.playing, .items a.paused {
color:#000;
}

.items a.playing {
background-position:0 -136px;
}

.items a.paused {
background-position:0 -68px;
}

.scroll-text {
color:#f0f0f0;
font-size:0.85em;
line-height:1.3em;
position:absolute;
left:337px;
text-align:center;
top:235px;
width:100px;
}

hi sailesh, thanks for your suggestion, but I tried that already - button still wouldn't work and huge space appeared below the footer :-)