как да стане, за да не се мести

[jooorooo]

такам, как ще стане това нещо да не се мести таблицата на долу, а дива да застава над нея.

http://web-tourist.net/project/jooorooo/2411.html

ето и код.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>gfd</title>
<meta http-equiv="content-type" content="text/html; charset=windows-1251">	


	<style type="text/css">
	.sme
{
	border: 1px solid #ff0000;
	width: 150px; 
}
.sme a
{
padding-left: 10px;
display:block;
height:20px;
color:#999999;
text-decoration:none;
font-size:12px;
font-weight:bold;
}
.sme a:hover
{
color:#000000;
}
.sbox
{
	border: 1px solid #ff0000;
	width: 100px; 
}
.sbox a
{
padding-left: 10px;
display:block;
height:20px;
color:#999999;
text-decoration:none;
font-size:12px;
font-weight:bold;
}
.sbox a:hover
{
color:#000000;
}

.checked
{
padding-left: 10px;
height:20px;
color:#000000;
text-decoration:none;
font-size:12px;
font-weight:bold;
}
	</style>
	<script type="text/javascript">
	function pokajidiv(id) {
  if (document.getElementById) {
  document.getElementById(id).style.display="block";
} else if (document.all) {
  document.all[id].style.display="block";
} else if (document.layers) {
  document.layers[id].display="block";
} } 

 function skriidiv(id) {
 	if (document.getElementById) {
		document.getElementById(id).style.display="none";
		}else if (document.all) {
			document.all[id].style.display="none";
		}else if (document.layers) {
			document.layers[id].display="none";
		} 
	}	
	</script>


	</head>
	<body>

<div id="searchSummary" class="clearfix">
<div class="sme">
<a onmouseover="pokajidiv('test');" onclick="pokajidiv('test');" onmouseout="skriidiv('test');" href="#">Текуща ##</a>
</div>

<div style="display: none;" class="sbox" id="test" onmouseout="skriidiv('test');" onmouseover="pokajidiv('test');">	
	
					<a href="#">#</a>
					<a href="#">#</a>
					<a href="#">#</a>
					<a href="#">#</a>
					<div class="checked">##</div>
					<a href="#">#</a>
					<a href="#">#</a>
					<a href="#">#</a>
					<a href="#">#</a>
					<a href="#">#</a>
</div>

</div>
<table width="100%">
	<tr>	
		<td>fsd fsd fsd sfd</td>
	</tr>
</table>
	
	</body>
	</html>

 

[hrischo]

Не съм сигурен дали разбрах въпроса правилно.

.sbox
{
position:absolute;
border: 1px solid #ff0000;
width: 100px;
}

 

[StormBreaker]

.sbox
{
	border: 1px solid #ff0000;
	width: 100px;
	position: absolute;
	background: white;
	overflow: visible;
}