Du har valgt at have et layout, der ikke fylder hele browserens bredde, og så vil det jo være mest hensigtsmæssigt, at det så befinder sig i midten af siden, uanset hvilken opløsning og browser-størrelse brugeren har ...
-- til det er det nemmest at definere et overordnet element, der har den størrelse, som du nu vælger, og så sætter det i midten, i hvert fald horisontalt ...
-- og et eksempel, der illustrerer, hav d jeg mener, og som indeholder nogle af de muligheder, du har:
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "
http://www.w3.org/TR/html4/loose.dtd"><html>
<head>
<title>Tomt dokument</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html,body{height:100%;margin:0px;border:0px;padding:0px;font-family:verdana,arial,sans-serif;font-size:small;}
#site{width:640px;margin:0 auto;position:relative;background:#17f;height:480px;}
#overskrift{text-align:center;text-transform:uppercase;}
#menudiv{width:600px;margin:0 auto;}
#menudiv a, #menudiv a:link, #menudiv a:visited{color:white;text-decoration:none;display:block;float:left;width:100px;text-align:center;}
#menudiv a:hover, #menudiv a:active{color:yellow;text-decoration:overline underline;}
</style>
</head>
<body>
<div id="site">
<h1 id="overskrift">Din overskrift</h1>
<div style="" id="menudiv">
<a href="/forside.html">Forside</a>
<a href="/forside.html">Forside</a>
<a href="/forside.html">Forside</a>
<a href="/forside.html">Forside</a>
<a href="/forside.html">Forside</a>
<a href="/forside.html">Forside</a>
</div>
<img src="../billede.jpg" style="width:200px;position:absolute;top:170px;left:85px;">
</div>
</body>
</html>