div umschließt Navigation nicht

[Antoni]

Hallo.

Mein HTML-Code:

  
<div class="kopf">  
 <div class="header">Banner</div>  
  
 <div class="navi_top">  
 <a href="index.php">Startseite</a>  
 <a href="?h=top/gen.php">Genealogie</a>  
 <a href="?h=top/akti.php">Aktivit&auml;ten</a>  
 <a href="?h=top/gb/gb.php">G&auml;stebuch</a>  
 <a href="?h=top/bugs/bugs.php">BugTracker</a>  
 <a href="?h=top/imp.php">Kontakt</a>  
 <a href="?h=top/copy.php">Copyright</a>  
 <a href="?h=top/contact.php">Impressum</a>  
 </div>  
</div>

und mein CSS-Code der o.g. Elemente:

  
.navi_top{  
 border-bottom:3px solid #000000;  
 margin:0 0 1em 0;  
 font-weight:bold;  
  
 width:100%;  
 float:right;  
}  
  
.navi_top a{  
 background-image:url(img/btn/btn_linux2.gif);  
 background-repeat:no-repeat;  
 text-align:center;  
 text-decoration:none;  
  
 color:#8B3E2F;  
  
 float:left;  
  
 width:100px;  
 padding-top:0.4em;  
}  
  
.navi_top a:hover{  
 background-image:url(img/btn/btn_hover_linux2.gif);  
 color:#fff;  
}  
  
.kopf{ background-color:orange; border:1px solid #fff; }  
  
.header{  
  
 display:none;  
  
 width:100%;  
 text-align:center;  
 line-height:2.5em;  
 font-size:12px;  
 border:1px solid #000000;  
 background-color:#000;  
 color:#ccc;  
}  

Das Problem besteht bei .kopf. Normalerweise sollte die Navigation mit einem weißen Rahmen umgeben sein. Doch ich sehe nur einen weißen Strich, als ob das div .kopf leer wäre. Woran liegt das, und wie kann ich das berichtigen?

Danke
Antoni