This is a wordpress-based site, and I am attempting to temporarily replace the header graphic with a swf. The wordpress theme I am using has a mechanism for dynamically generating the header image, so I decided not to wade through a lot of php and replace the image directly. I am instead attempting to place the swf in my home page main content area, and then "shove" it up so it covers the header image using CSS.
It was not too difficult to get working within Firefox and Chrome, but my CSS absolutely destroys IE7:
Thanks – I revisited the header generator php angle and I think you’re right. I still need the generator to run – it completes some design elements – but I am now trying to put the swf directly on top of the generated jpg, from within header.php.
I have been tinkering with the php and css for some hours, and will probably continue, but at a slower rate, now that it looks at least somewhat decent. I don’t think the blue drop-shadow misalignment has anything to do with this CSS adventure – I’ve noticed it before, and it has always lined up correctly in other browsers. The real problem is that I’m stretching this poor wordpress theme beyond where it was intended to go. If anyone has any ideas for perfecting the IE flash banner, or any explanation as to why it might not be working correctly, please share!