Te hacía falta una dtd que validara tu css y te sobraban varias divisiones, así me quedó tu página:
Código HTML:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
<title>Bernardos Mermeladas</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">
html, body{
margin:5px;
font:12px "Trebuchet MS";
}
#pagewidth {
width: 682px;
margin: 0 auto;
position: relative;
background-image: url('img/bodybg.jpg');
background-repeat: repeat-y;
}
#header{
position:relative;
height:123px;
background-image: url('img/header.jpg');
width:100%;
}
#footer{
height:150px;
clear: both;
padding: 5px 15px;
}
#content {
width:100%;
padding:5px 15px;
}
#nav {
text-align: right;
position: absolute;
width: 75%;
right: 40px;
bottom: 40px;
}
</style>
</head>
<body>
<div id="pagewidth">
<div id="header">
<div id="nav">español | english | deutsch<br>elaboración | catálogo | tienda | distribuidores | contacto</div>
</div>
<div id="content">
Contenido...<br>
Contenido...<br>
Contenido...<br>
</div>
<div id="footer" > Footer </div>
</div>
</body>
</html> Saludos,