Здравейте имам едно проблемче с кода и картинката за Layouta

[TheBlocker89]

// РЕДАКЦИЯ : ПИШИ НА КИРИЛИЦА ! ! И ПРЕПИНАТЕЛНИ ЗНАЦИ ! ! !

Искам да е равнопоставена картинката на целия slide и горната да е понеже e с малка резолюция и ми се появява само в средата ето и кода. [/code]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>layout</title>

<meta http-equiv="Content-Type" content="text/html; charset=windows-1251">

<style type="text/css">

* { padding: 0; margin: 0; }

body {
background-color: #000000;
color: #000;
font-size: 13px;
font-family: verdana;
}

/* start of loyout */
#container {
width: 800px;
height: auto;
border: 2px solid #000;
margin: 0 auto;
}

div.header {
width: 800px;
height: 150px;
background-color: #666;
background-image: url(../../Documents/Unnamed%20Site%209/f4era2.jpg);
background-repeat: no-repeat;
background-position: center;
background-size: auto;
}

div.menu {
width: 800px;
height: 16px;
border-top: 2px solid #999;
border-bottom: 2px solid #333;
background: #F0F0F0;
list-style: disc;
border-right-color: #0F0;
border-left-color: #333333;
color: #D6D6D6;
}

div.body {
width: 800px;
height: 450px;
background-color: #099;
background-image: url(../../Documents/Unnamed%20Site%209/pe6o.jpg);
}

div.footer {
width: 800px;
height: 14px;
background-color: #FFF;
border-top: 2px solid #000;
text-align: center;
font-size: 10px;
padding-top: 1px;
}
/* and of loyout */

/* start of navigation */
ul.navigation {
list-style-type: none;
padding-left: 143px;
}

ul.navigation li {
padding: 0 10px 0 10px;
float: left;
}

ul.navigation li a {
border-left: 2px solid #fff;
border-right: 2px solid #fff;
text-decoration: none;
padding: 0 10px 0 10px;
letter-spacing: 1px;
color: #000;
}

ul.navigation li a:hover {
border-left: 2px solid #000;
border-right: 2px solid #000;
padding: 0 10px 0 10px;
color: #000;
}
/* and of navigation */

</style>

</head>

<body>


<div id="container">

<div class="header">

</div>

<div class="menu">

<ul class="navigation">
<li><a href="#">Начало</a></li>
<li><a href="#">Търсене</a></li>

<li><a href="#">Кошница</a></li>
<li><a href="#">Екип</a></li>
<li><a href="#">Контакти</a></li>
</ul>

</div>

<div class="body">
<br /><br /><br /><br /><br />

</div>

<div class="footer">

Copyright © 2012 Web Design - akolevutd, All rights reserved. Valid HTML & CSS code.

</div>

</div>

</body>

</html>