I have one dropdown menu with one pdf object on my page.
I want dropdown list shoud be over the object(pdf).Its working fine in ff but not in ie8.In ie8 it is hiding behind object.

My code
Code:
<!DOCTYPE html>
<html>
<head>
<style>
ul{border:1px red solid;position:absolute;top:0;left:0;z-index:9 !important}
.flashContent{position:absolute;top:0;left:0;z-index:0 !important}
</style>
</head>
<body>
<ul>
	<li>dfsdfgb</li>
	<li>sfbgsfb</li>
	<li>sfbsfb</li>
</ul>
<div class="flashContent">
<object type="application/pdf" data="pdfmyurl.pdf" width="500" height="250">
<param name="wmode" value="transparent" />
 <param name="src" value="pdfmyurl.pdf" />
 <param name="bgcolor" value="#fbfbfe" />
 Your browser not support SWF.
</object>

<div>
</body>
</html>
Thanks in advance