Stefanie: Abstand bei gefloatetem Element

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!

  1. Hi,

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

    Uns so auch nicht - nur das CSS zu sehen, ohne den HTML-Code, auf den es angewendet wird, ist unlustig.

    Ein kleines Online-Beispiel wäre am schönsten.

    MfG ChrisB

    --
    Light travels faster than sound - that's why most people appear bright until you hear them speak.