Avoiding div layer to resize table to accomodate flash in Internet Explorer

[Redwizz]

Hi there,
I have a problem with div layers, and i don't have much experience with them either, so that doesn't help!

Basically I'm trying to have a flash menu that would roll out over a page. I haven't found any tutorials for that so i've just been experimenting a bit, have done ok so far but stumbled upon a slightly bizarre obastacle.

So... to do the effect I wanted, I created a z-indexed div tag, and limited the size to that of the table it is found in. Then i put a flash menu bigger than that of the div with a transparency option.

This seems to work beautifully in FireFox (as can be seen here: http://www.kezik.com/spot/index_fla.html only the last two menu items work) but in Internet Explorer, the div, hence the table, resizes to the size of the flash... giving us a very ugly result.

How could i avoid this happening? the only thing i can think of is having the div layer in an absolute position, where it would resize but not resize the table, and calculating the absolute position using a lengthy JavaScript script. I would really like to avoid that if it's possible!

Any ideas?

Here's the source of the relelvant part of the page. Thanks a lot for any help you can give me

<td background="images/c_bg_up.jpg" heigh="25">
	<div id="Layer1" style="width:677px; height:25px; z-index:1;">
		<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="688" height="180" id="menu" align="middle">
			<param name="allowScriptAccess" value="sameDomain" />
			<param name="movie" value="menu.swf" />
			<param name="quality" value="high" />
			<param name="wmode" value="transparent" />
			<param name="bgcolor" value="#ffffff" />
			<embed src="menu.swf" quality="high" wmode="transparent" bgcolor="#ffffff" width="688" height="180" name="menu" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
		</object>
	</div>
</td>

[terminator]

I would either use tables or layers. Both can get it screwed up.

Also, make sure that your page has a valid DTD (doctype). To check, just visit the following page:
http://validator.w3c.org

Hope that helps,
The Terminator