PNG image not displaying Safari

I have recently developed this source code. I have now got around to checking it for cross-browser compatibility. I have used www.browsercam.com and it produced the following view (http://www.gordondent.co.uk/compat/safari_view.jpg) for the following page:
http://www.gordondent.co.uk/fpp/about/?page=staff&person=alison

Basically the side image does not appear in Safari and I do not understand why. It is a PNG file that is approximately 250Kb in size. I am thinking it is something to do with the size of the image as the text header saying Alison Brazier is also a PNG.

Please can someone give me some pointers. I can't really use a jpg or gif as I need the high quality transparency that PNG-24 offers.

Gordy1984Asked:
Who is Participating?
 
darron_chapmanCommented:
I believe the z-index: -1; is making Safari place the picture behind the background.  Remove that from #contentB #sideImage  in the style_a.css style sheet file.
#contentB #sideImage {
	position: absolute;
	top: 51px;
	left: 0;
	width: 97.775%;
	height: 296px;
	z-index: -1;
}

Open in new window

0
 
Gordy1984Author Commented:
Thank you! I was too busy thinking it was something to do with PNG images.

0
 
Gordy1984Author Commented:
Very quick response, couldn't have asked for more.
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.