Abstand bei gefloatetem Element

[Stefanie]

Hallo und guten Abend!

Ich bekome gerade eine Krise! Ich will an den oberen Rand des bodys eine Navigation setzen, aber sobald ich diese floate, entsteht oben ein Abstand!

Hier mal mein CSS Code:

  
body, html {  
  width: 100%;  
  height: 100%;  
  background: none;  
  font-size: 0.9em;  
  font-family: Arial, Helvetia; }  
  
body {  
  width: 100%;  
  height: 100%;  
  margin: 0;  
  padding: 0;  
  background: #B0C1D6; }  
  
/* ########## main ########## */  
  
#main {  
  margin: 0 10px 0 30px;  
  padding-right: 20px;  
  background: #FFF; }  
  
/* ########## Navigation horizontal ########## */  
  
#nav, #nav ul {  
	list-style-type: none;  
	padding: 0;  
	margin: 0;  
  font-size: 0.9em; }  
	  
#nav {  
	float: right;  
	margin: 0;  
	padding: 0;  
	width: 100%;  
	background: #153B63;}  
	  
#nav ul li {  
	float: right;  
	text-align: center;  
	border-left: 1px solid #FFF; }  
  
	#nav a {  
		display: block;  
		width: 9em;  
		padding: 1px 0;  
		text-decoration: none;  
		color: #FFF;  
		background: #153B63; }  
  
		#nav a:hover {  
      width: 13em;  
      color: #FFF;  
			background: #153B63; }  
  

Ich hoffe so, dass Ihr den Fehler findet, so macht mir das gerade kein Spass.... ;-(

Danke vorab an alle!