overlay breaks when object tag just above in IE8 Created Sep 24, 2009

Take this example:

http://flowplayer.org/tools/demos/overlay/modal-dialog.htm

and adjust the HTML to be:

<object id="flash_player" >
</object>
<div class="modal" id="yesno">
	<h2>This is a modal dialog</h2>

	<p>
		You can only interact with elements that are inside this dialog.
		To close it click a button or use the ESC key.
	</p>

	<!-- yes/no buttons -->
	<p>
		<button class="close"> Yes </button>
		<button class="close"> No </button>
	</p>
</div>

The modal dialog doesn't show up then in IE 8. The reason is because the generated styles on the overlay are wrong:

position: absolute; top: 90px; left: 627px;

The user input overlay still works and the yes/no overlay will work if you move the object tag below the overlay div.