Fireball: CSS-Layout

Beitrag lesen

Hallo,
ich habe ein Seite erstellt:

<html>  
<head><title>Startseite</title>  
<link rel="stylesheet" media="screen" type="text/css" href="darstellung.css">  
</head>  
<body bgcolor="#C0C0C0" >  
<center>  
<div lang="de" id="seite" >  
<a style="text-decoration:none;" href="/index.html"><img border="0" src="grafiken/logo.gif" id="logo" width="150" height="125" align="left"   ></a>  
<div id="schrift" ><h1 style="position: relative; top: 0.6em;">Lore ipsum dolor sit amet</h1> </div>  
<div id="navi"><p>Navigation</p></div>  
</div>  
</center>  
</body>  
</html>  

darstellung.css

  
#seite {  
         margin-top:1.5%;  
         margin-bottom: 1%;  
         width:94%;  
         background-color:#FFFFFF;  
         text-align:left;  
         height: 96.2%  
  
  
  
  
  
       }  
  
#logo  { margin-top:0px;  
         margin-bottom: 0px;  
  
  
       }  
#schrift { background-color:#FFFF00;  
  
          font-family:'Courier New', monospace;  
          text-align: center;  
          height: 125px;  
           margin-top:0px;  
         margin-bottom: 0px;  
         }  
  
#navi    { background-color:#C0C0C0;  
           width: 150px;  
           position: relative;  
           margin-top: 0px;  
           top:0px;  
           height: 100%;  
         }  
  
  

Doch jetzt sieht meine Seite so aus, dass unter dem Logo ein weißer Balken ist, und erst dann meine graue Navigation beginnt.

---------------
'   Logo      '
'             '
'             '
---------------
###############
***************
***************
***************

Legende:
* Graue Navigation

weißer Balken, der weg soll!

Vielen Dank für Antworten schon mal im Voraus!

Gruß,
Fireball