Малък проблем с CSS

[confiscate]

Здравейте

Може ли да ми кажете как да махна разстоянието между хедъра ми и менюто и защо се получава :?

Eто тук съм качил индекса и CSS файла [url ]http://tranz.it/load.php?id=hgWMh2aKF1Y2Lovu678361 [/url]

А ето и кода , но без картинката на хедъра няма да можете да разберете май:

index.html

<?xml version="1.0" encoding="windows-1251"?>
<!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>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251"/>
<title>CONFISCATE - web design</title>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="container">
 <div id="header">
 <img src="images/header.jpg" alt="" width="1000" height="150" />
 </div>
 <div id="navigation">
 <ul>
 <li><a href="home.html">Начало</a>
 <li><a href="about.html">За мен</a>
 <li><a href="services.html">Услуги</a>
 <li><a href="projects.html">Проекти</a>
 <li><a href="contacts.php">Контакти</a>
 </ul>
 </div>
 <div id="content-container">
 <div id="content">
 </div>
 <div id="sideBar">
 </div>
 <div id="footer">
 </div>
 </div>
</div>
</body>
</html>

style.css

/* global style */
body {
 margin: 0;
 padding: 0;
 background-color:#566D7B;
 font-family:Arial,Georgia,sans-serif;
}

/* container */
div#container {
 margin: 0 auto;
 width:1000px;
 background-color: #fff;
}

/* navigation */
div#navigation {
 float:left;
 width:1000px;
 background-color: #fff6d3;
}


div#navigation ul {
 margin: 0;
 padding:0;
}

div#navigation ul li {
 list-style-type:none;
 display:inline;
}

div#navigation li a:link , div#navigation li a:visited {
 font-family:Arial,Georgia,sans-serif;
 display:block;
 float:left;
 padding:5px 10px;
 color:#64635f;
 text-decoration:none;
 border-right:1px solid #c3c3c0;
}

div#navigation li a:hover , div#navigation li a:active {
 background-color: #feed9c;
}

Благодаря предварително !!! :wink:

 

[lub4o]

link

 

[shterev]

<img style="display:block;" src="images/header.jpg" alt="" width="1000" height="150" />

Правиш картинката да е блоков елемент и това пространсто изчезва.