Random header image in CSS

[gengo]

I know there are other ways to do this, but right now, I am trying to figure out why something that worked when it was installed on my laptop no longer works once I installed to my host (OpenSourceHost).

In my CSS file, I have the header background image set as:

background-image:url('images/header/index.php')

obviously, this css file sits in the following directory:

includes/templates/babysbeads/css

in which there is an image folder, with its own header folder, with the designated index.php file.

I have confirmed the existence of each of these through my file manager and made sure they were all set to 755.

Yet, this worked fine in randomizing my header image on my laptop's installation but no image shows up at all now that it is on the website.

Can someone point me in the right direction?

greg

http://www.babysbeads.com

[gengo]

sorry,

http://www.babysbeads.com/index.php

it should appear just below the large "Baby's Beads".

As mentioned earlier, it worked fine before.

[Kim]

It looks to be a permissions issue of some sort. If you right click on the ares and ask to see the background image you get:

Forbidden
You don't have permission to access /includes/templates/babysbeads/css/images/header/index.php on this server.