THANKS for the reply. :)
I kinda managed to achieve what I wanted.
What I wanted was to have a box on the top right going over a table.
I thought that the effect looked really nice.
I've added a few bit to the code to give me what I want.
And it kinda works.
I added some code to make the 'navigation' class have a box round it and have made it be a certain number of pixels in.
This comes out OK on a 1024x768 screen.
I've tested on a 1280x1024 screen... and it's not how I want it to be.
I want the 'navigation' to stay over the table on the right hand side.
When I tried initially, I traide to make it so that the 'navigation' was part of the table and tried to make its placement relative.
I'm still a bit confused how I can make it so that the 'naviagtion' will be over the same place of the table, regardless of the monitor screen?
Any ideas?
Here's the ammended code I made from your posting:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="Content-Script-Type" content="text/javascript">
<meta name="Content-Style-Type" content="text/css">
<title>Example</title>
<style type="text/css">
<!--
#content {margin-right:10em}
#navigation {
width:9em;
position:absolute;
top:0;
right:0;
border: 1px dashed #333333;
margin-right: 300px;
margin-top: 40px;
background-color: #FFFFFF;
}
#navigation ul {
list-style-type:none;
margin:0;
padding:0;
}
#navigation ul li {margin:0em 0}
.myTable {
border: 1px solid #CCCCCC;
}
-->
</style>
</head>
<body>
<div id="content">
<table width="500" align="center" class="myTable">
<tr>
<td>aab</td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
<h1> </h1>
</div>
<div id="navigation">
<ul>
<li>fee</li>
<li>fie</li>
<li>foe</li>
<li>fum</li>
</ul>
</div>
</body>
</html>