I'm trying to get a div to be displayed over a flash movie.

                            <div style="display: block; height: 50px; margin-bottom: -50px; z-index: 100; background-color: Red;">
                                Test<br />
                                Test2<br />
                            </div>
                            <div style="z-index: -1; display: block;">
                                <object width="776" height="248" style="z-index: -1;">
                                    <param name="movie" value='<%= Page.ResolveUrl("~/Themes/ChubNelson/Flash/header.swf") %>'>
                                    <param name="wmode" value="transparent">
                                    <embed src='<%= Page.ResolveUrl("~/Themes/ChubNelson/Flash/header.swf") %>' width="776"
                                        height="248" />
                                </object>
                            </div>

change this:

theonlylawislove:

<div style="display: block; height: 50px; margin-bottom: -50px; z-index: 100; background-color: Red;">
Test<br />
Test2<br />
</div>

with:

<div style="display: block; height: 50px; margin-bottom: -50px; z-index: 100; background-color: Red; position: absolute; width: 250px;">
Test<br />
Test2<br />
</div>

of course, you'd have to change the width to accommodate to your design requirements.

 Thanks! That worked!

 Thank you, most helpful.  Ie8 requires the width parameter to be set for standards mode.  Would never have thought of that by myself.

Is there any way to do this without absolute positioning? I'm using relative positioning so that the flash object is centered on the screen?

Thanks,
Eric