putting div above the flash object

Question

iam trying to put the div menu above the object tag but still under the object tag any way to put it above the flash .

    <div>
<div class='menu'>menu</div>
<object width="400" height="40"

classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"
codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0">
<param nastatime="SRC" value="bookmark.swf">
<embed src="bookmark.swf" width="400" height="40"></embed>
</object>
</div>
<style>
#menu{
width: 100%;
clear: both;
float: left;
position: relative;
background: red;
z-index: 1111111;
}

object{
float: left;
position: absolute;
z-index: -13;
}
</style>

Answer 1

You need to be looking at the wmode parameter of Flash when you're embedding your content. The default wmode is "window" which layers the content over the top of everything else. Set it to "opaque" or "transparent" to allow it to be layered properly.

See http://helpx.adobe.com/flash/kb/flash-object-embed-tag-attributes.html#main_Using_Window_Mode__wmode__values_ for more information.