CSS opacity wilt niet over imageholder

De titel is een beetje vaag maar het zit zo:

Ik heb een css stylesheet met daarin een aantal regeltjes met CSS. Deze is gekoppeld aan index.php, daar heb ik een aantal div's. Dat is het probleem niet.

Ik heb een php script dat een random image uit een map haalt en die m.b.v. een echo op de frontpage zet. Nu wil ik dat de achtergrond (de afbeelding) om de zoveel seconde verandert en dat ik over / op die afbeelding een menu krijgt met een background opacity (doorschijnend).

Stukje css van index.php:

  <div class="header"><div class="linkbox"></div>
 <img ="" alt="Image rotation" name="fp_slider" width="870" height="120" id="fp_slider" style="background-color: #000000" /></div>
 <div class="leftmenu">Content for  class "leftmenu" Goes Here</div>

Stylesheet (alleen het menu stukje):

.linkbox {
/* transparant bar */
width:870px;
height:22px;
margin:15px;
background-color:#666666;
/* for IE */
filter:alpha(opacity=60);
/* CSS3 standard */
opacity:0.6;
}

Foto:

Ik hoop dat iemand mij kan helpen

EDIT:

Ik heb inmiddels een oplossing gevonden

Oplossing:

-Je plaatst een div (<div id="ImageSlider"></div>) in index.php

-In het stylesheet zet je dit:

.ImageSlider {
 background: url(slider.php) no-repeat;
 width: 900px;
 height: 120px;
}

-Je maakt een klein PHP scriptje dat een afbeelding kiest uit een map Klik

Ik hoop dat, als iemand dit probleem ook heeft, je er wat aan gehad hebt