Navigation ist nicht in der Mitte

[EuropaChat]

Hallo, wie auf dem Screen http://europachat.ibitlive.eu/Bild33.jpg zu sehen ist, passt sich die Navigation nicht mit dem Footer in der Mitte an. Hier ist der CSS Code, was ist da falsch?

body {

	font-family: arial, sans-serif;

	font-size: 9pt;

	color: #444;

	line-height: 17px;

	margin: 0;

	padding: 0;	

	text-align:left;

	background-color: #fff;

}

#navigation{

	width: 990px;

	background:#252525 url('Grafiken/logo_unten.gif') no-repeat 10px top;

	margin: 0 auto;

	height: 35px

}

#navigation .navi{

	color:#FAFAFA;

	float:right;

	font-size:13px;

	height:21px;

	padding:7px 10px;

}

#navigation .aktiv{

	background-color: #333;

	font-weight: bold;

}

#navigation .navi:hover{

	background-color: #333;

}

#header{

	width: 990px;

	margin: 0 auto;

	margin-top: 15px;

}

#header .logo{

	float: left;

	margin-left: 14px;

}[/PHP]

Hier der Footer:

[PHP]<style>
#footer {
clear :both;
background-color:#252525;
color:#FAFAFA;
font-size:10px;
height:17px;
margin:15% auto 5px;
padding:3px 0;
text-align:center;
width:990px;
-moz-border-radius:7px 7px 7px 7px;
}
#footer a {
color:#FAFAFA;
font-family:arial,sans-serif;
line-height:17px;
}
</style>
<div id="footer" >
<a href="http://www.wakestars.de/Support.html" style="text-decoration: none">Support</a> |
<a href="http://www.wakestars.de/Hilfe.html" style="text-decoration: none">Hilfe</a> |
<a class="secFarbe" href="http://www.wakestars.de/Impressum.html" rel="nofollow" style="text-decoration: none">
Impressum</a>

Bearbeitet 15. August 2010 von EuropaChat

[etreu]

Ich vermute mal, dass die floats daran Schuld sind. Probier es mal mit Positionierung der divs oder wenn es möglich ist verwende display:inline-block