Dynamically loaded flash movie is on top of jquery dialog: how to change zorder?

Question

A flash movie is loaded on a page via javascript (replaceChild on a div)

I add jquery datepicker to a input above this movie.

When the datepicker (or other jquery element) is shown, it is shown under the movie (wrong zorder)

The element do have "z-index: 99" in its css class

How do i bring the jquery element up?

[Edit]

Theres no styling on the flash object tag

This happens on Chrome and IE, on firefox it also happens, but some elements are over the movie (picture)

Answer 1

you need to add wmode:transparent to the flash in order for it to appear behind other elements. http://kb2.adobe.com/cps/142/tn_14201.html

Answer 2

Got it...

had to add to the object:

<param name="wmode" value="opaque">

and to the css:

object
{ 
    position:relative; 
    z-index:0
}