Ok questo è lo schema tipo se provi a cambiare la risoluzione sfasa tutto.

codice:
<html>

<head>
<meta http-equiv="Content-Language" content="it">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Link1</title>
<script language="javascript">
function apertura(){
livello1.style.visibility = "hidden"
livello2.style.visibility = "hidden"
livello3.style.visibility = "hidden"
}
</script>
</head>

<body onload="apertura()">

<div align="center">
	<table border="1" width="650" cellspacing="1" style="border-collapse: collapse" bordercolor="#0000FF" id="table1">
		<tr>
			<td>
			<p onmouseover="livello1.style.visibility = 'visible'; livello2.style.visibility = 'hidden'; livello3.style.visibility = 'hidden'" align="center"><font face="Verdana" size="2">Link1</font></td>
			<td>
			<p onmouseover="livello1.style.visibility = 'hidden'; livello2.style.visibility = 'visible'; livello3.style.visibility = 'hidden'" align="center"><font face="Verdana" size="2">Link2</font></td>
			<td>
			<p onmouseover="livello1.style.visibility = 'hidden'; livello2.style.visibility = 'hidden'; livello3.style.visibility = 'visible'" align="center"><font face="Verdana" size="2">Link3</font></td>
		</tr>
	</table>
	<div onmouseover="livello1.style.visibility = 'hidden'; livello2.style.visibility = 'hidden'; livello3.style.visibility = 'hidden'" align="center" id="corpo">
	<table border="1" width="650" height="400" cellspacing="1" style="border-collapse: collapse" bordercolor="#0000FF">
		<tr>
			<td></td>
		</tr>
	</table>
	</div>
	<div style="position: absolute; width: 214px; height: 100px; z-index: 1; left: 741px; top: 36px; background-color:#0000FF" id="livello3">
<p align="left" style="margin-top: 0; margin-bottom: 0"><font color="#FFFFFF">7</font></p>
<p align="left" style="margin-top: 0; margin-bottom: 0"><font color="#FFFFFF">8</font></p>
<p align="left" style="margin-top: 0; margin-bottom: 0"><font color="#FFFFFF">9</font></div>
	<div style="position: absolute; width: 216px; height: 100px; z-index: 1; left: 523px; top: 36px; background-color:#0000FF" id="livello2">
<p align="left" style="margin-top: 0; margin-bottom: 0"><font color="#FFFFFF">4</font></p>
<p align="left" style="margin-top: 0; margin-bottom: 0"><font color="#FFFFFF">5</font></p>
<p align="left" style="margin-top: 0; margin-bottom: 0"><font color="#FFFFFF">6</font></div>
</div>

<div style="position: absolute; width: 216px; height: 100px; z-index: 1; left: 306px; top: 36px; background-color:#0000FF" id="livello1">
<p style="margin-top: 0; margin-bottom: 0"><font color="#FFFFFF">1</font></p>
<p style="margin-top: 0; margin-bottom: 0"><font color="#FFFFFF">2</font></p>
<p style="margin-top: 0; margin-bottom: 0"><font color="#FFFFFF">3</font></div>

</body>

</html>
puoi aiutarmi?