Move your opening 'container' <div> tag which is current above your banner.jpg to directly after your opening <body> tag.
<div id="container">
<img src="banner.jpg" alt="banner" width="1181" height="210" id="Image1">
So your code looks like:
<body>
<div id="container">
<div id="apDiv2">
Then move your closing 'container' </div> tag which is currently after your closing spry menu </ul> to after your apDiv4 closing tag.
<li><a href="inspiration.html">Insiration for your service</a></li>
</ul>
</div>
So your code looks like:
<div id="apDiv4"><img src="images/footer.jpg" width="816" height="106"></div>
</div><!-- end container -->
Then add the below to your css:
#container {
width: 1181px;
margin: 0 auto;
position: relative;
}
