Images over flash

[Russinating]

I'm redesigning a website and on the front page I'm trying to have a large flash video with the usual upper website logo. It looks and works absolutely perfectly in Chrome (so use that to see the desired effect), but in IE the flash video drops down as if the logo isn't absolute, and in FF the image sits behind the flash window (as well as another issue).

The site: http://v2.idoweddingfilms.co.uk

Am I fighting a losing battle here or can anyone shed some light on either problem?

Thanks in advance

 

[inquisitive_emu]

There's a post on this a little lower down http://forums.overclockers.co.uk/showthread.php?t=18055343, but the first thing to do change the wmode to transparent

 

[Tripnologist]

I'd just do it differently.

1. Add position: relative; to #main
2. The div that holds your image has a bunch of inline css. Remove it and use this instead. (ideally put it in your css sheet though obviously)
<div style="position: absolute; left: 250px; z-index: 1;">
3. #contentwrap, change your top margin to 256px;
4. Adjust any of the above as necessary.

Tested in firebug and worked fine in FF.

 

[Russinating]

I'd just do it differently.

1. Add position: relative; to #main
2. The div that holds your image has a bunch of inline css. Remove it and use this instead. (ideally put it in your css sheet though obviously)
<div style="position: absolute; left: 250px; z-index: 1;">
3. #contentwrap, change your top margin to 256px;
4. Adjust any of the above as necessary.

Tested in firebug and worked fine in FF.

Legend, thanks a lot. Got it all sorted and then realised IE wasn't displaying the preview image at all - le sigh! Anyway, managed to hack it so it works now, happy days .

PS. I usually clear out all the in-line once the site's complete - I use Notepad++ so it just helps sometimes to see how a div is functioning if I need to adjust it etc.

 

[Tripnologist]

np