Hi there baz3,
and a warm welcome to these forums. ;)
You rarely need to use absolute positioning for layout purposes.
Try it like this instead...
<!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" lang="en" xml:lang="en">
<head>
<title>Lindallén - Startsida</title>
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1"/>
<script src="functions.js" type="text/javascript"></script>
<style type="text/css">
body {
margin:0;
padding:0;
background-color:#b7ca90;
color:#000;
}
#maincontainer {
width: 994px;
margin: 0 auto;
}
#topsection img {
float:left;
width:497px;
height: 216px;
}
#meny img {
border:0 none;
float:left;
}
#leftcolumn{
float:left;
width: 497px;
height:475px;
background-image:url(images/newbg-left-bot.jpg);
}
#hands {
float:left;
width:133px;
height:100px;
margin:192px 0 0 104px;
}
#first_page {
float:left;
width:246px;
height:134px;
margin:174px 0 0 7px;
}
#rightcolumn {
float:left;
width: 497px;
height:475px;
background-image:url(images/newbg-right-bot.jpg);
}
#massage,#stenar,#ansiktsmas {
float:left;
width:133px;
height:100px;
margin:192px 0 0 5px;
}
#footer{
clear:both;
background-color:#7a8660;
font-family: verdana,arial,helvetica,sans-serif;
font-size:10px;
color:#000;
text-align:center;
padding-bottom:8px;
}
#footer a:link,#footer a:visited {
color:#fff;
text-decoration:none;
background-color:#7a8660;
}
#footer a:hover,#footer a:active {
color:#fff;
text-decoration:underline;
background-color:#7a8660;
}
</style>
</head>
<body>
<div id="maincontainer">
<div id="topsection">
<img src="images/newbg-left-top.jpg" alt=""/>
<img src="images/newbg-right-top.jpg" alt=""/>
</div>
<div id="meny">
<img src="images/meny03-all-guides-00-off.jpg" alt=""/>
<a href="om_oss.html" onmouseover="turnOn('image1');return true" onmouseout="turnOff('image1'); return true">
<img name="image1" src="images/meny03-all-guides-01-off.jpg" alt=""/>
</a>
<a href="behandlingar.html" onmouseover="turnOn('image2');return true" onmouseout="turnOff('image2'); return true">
<img name="image2" src="images/meny03-all-guides-02-off.jpg" alt=""/>
</a>
<a href="spadbarn.html" onmouseover="turnOn('image3');return true" onmouseout="turnOff('image3');return true">
<img name="image3" src="images/meny03-all-guides-03-off.jpg" alt=""/>
</a>
<a href="#" onmouseover="turnOn('image4');return true" onmouseout="turnOff('image4');return true">
<img name="image4" src="images/meny03-all-guides-04-off.jpg" alt=""/>
</a>
<a href="#" onmouseover="turnOn('image5');return true" onmouseout="turnOff('image5');return true">
<img name="image5" src="images/meny03-all-guides-05-off.jpg" alt=""/>
</a>
<a href="#" onmouseover="turnOn('image6');return true" onmouseout="turnOff('image6');return true">
<img name="image6" src="images/meny03-all-guides-06-off.jpg" alt=""/>
</a>
<a href="#" onmouseover="turnOn('image7');return true" onmouseout="turnOff('image7');return true">
<img name="image7" src="images/meny03-all-guides-07-off.jpg" alt=""/>
</a>
<a href="presentkort.html" onmouseover="turnOn('image8');return true" onmouseout="turnOff('image8');return true">
<img name="image8" src="images/meny03-all-guides-08-off.jpg" alt=""/>
</a>
<a href="#" onmouseover="turnOn('image9');return true" onmouseout="turnOff('image9');return true">
<img name="image9" src="images/meny03-all-guides-09-off.jpg" alt=""/>
</a>
<img src="images/meny03-all-guides-10-off.jpg" alt=""/>
</div>
<div id="leftcolumn">
<img id="hands" src="images/hands.png" alt=""/>
<img id="first_page" src="images/text_first_page.png" alt=""/>
</div>
<div id="rightcolumn">
<img id="massage" src="images/massage.png" alt=""/>
<img id="stenar" src="images/stenar2.png" alt=""/>
<img id="ansiktsmas" src="images/ansiktsmask2.png" alt=""/>
</div>
<div id="footer">
A website made by Claes Adamsson, contact <a href="mailto:claes.adamsson@gmail.com">webmaster</a>. © 2007 <a href="index.html">www.lindallen.se</a>. All Rights Reserved.
</div>
</div>
</body>
</html>
coothead