Possible to have floating div over a table?

[ghurty]

I have a floating div that is currently on the side of the page. Is it possible for me to have it floating over a table?

Thanks

<div id="content"><div class="center">
	
	<div id="content-left">
	  <h1 style="margin-top:20px;">&nbsp;</h1>
	
	<div style="visibility: visible; opacity: 0.8; position: absolute; display: block; top: 60px; right: 20px;" id="sidebar-menu">
		<ul>
			<li><a href="#pagetop" id="sidebar-menu-top" title="Top of Page" style="background: url(&quot;menu-up-arrow.png&quot;) no-repeat scroll center center transparent;">Top of Page</a></li>
			
		</ul>
	</div>
	
	
<table id="Table_01" width="800" height="1036" border="1" RULES=NONE FRAME=BOX cellpadding="0" cellspacing="0" align="center">
	<tr>
		<td>
			<img src="images/raffle1.gif" width="800" height="188" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/raffle2.gif" width="800" height="234" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/raffle3.gif" width="800" height="61" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/raffle4.gif" width="800" height="257" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/raffle5.gif" width="800" height="253" alt=""></td>
	</tr>
	<tr>
		<td>
			<img src="images/raffle6.jpg" width="800" height="43" alt=""></td>
	</tr>
</table>
<a name="pagebottom" id="pagebottom"></a>	
</div>

	</div>

[knorthfield]

You could set the position: absolute; then set the location using left: x and top: y