How to place an <h1> heading tag over a swf file

[L3SH]

I have inserted a swf file within my html and am wanting to put a heading with a background colour overtop. I have tried using z-index but this still places the heading behind the swf content.
Does anyone know a work around for this?

I have attached my html, css and swf files below.

[drhowarddrfine]

The problem lies in how the browser handles the flash object but I can't recall the cure.

You have some problems with your markup. YOu can't use an anchor around block level elements. You are using an <a> surrounding a <p> and the <h1>. Actually, this is allowed in html5 but you don't declare html5 but I don't recall which browsers that works in.

Also, z-index will only work if you have the elements positioned, which you don't.

[L3SH]

Thanks for the tips. I didn't realise you can't use block level elements within an <a> tag. I will be able to fix this problem. As for the flash object, I may need to do some research.
Thanks very much.

[acoder]

I don't use Flash, so this may not work, but try

wmode="transparent"

for a transparent background.