Footer will nicht wie ich will

[MaxM]

Hi,

folgendes: http://www.mmprogramming.de/shot3.gif
Dort sieht man eine kleine Leiste unter der Content-Box und mitten in der Navi-Box, welche aber, wie es sich für einen Header gehört, unter beiden Boxen stehen soll. Nur ich weiß nicht mehr weiter. Hier ist das Stylesheet:

body{
margin:0px;
padding:0px;}

.header{
background:#B5D5EA;
border:1px solid black;
margin-left:5px; margin-top:5px; margin-right:5px;
height:60px;}

.navi{
background:#B5D5EA;
float:left;
border:1px solid black;
padding:5px;
margin-left:5px; margin-top:5px;
width:150px;}

.content{
background:#E6ECF0;
padding:5px;
margin-left:170px; margin-top:5px; margin-right:5px;
border:1px solid black;}

.footer{
background:#B5D5EA;
height:15px; width=100%;
border:1px solid black;}

Wäre nett, wenn jemand die Lösung wüsste :)

Gruss