Richtige Positionierung des Footers

[Mo3bius]

Hi,
ich versuche im Moment eine Seite nach dem folgenden Muster aufzubauen:

http://www.imgbox.de/?img=f29764p126.jpg

Dafür habe ich jetzt ein div für den Header einen für die Grafi, einen für den Inhalt, einen für die Navigationsleiste und einen für den footer.

  
  div#header {  
    font-size: 1.5em;  
    margin: 0; padding: 0;  
    text-align: center;  
    height:159px;  
    background-image: url(test_header2.jpg);  
  }  
  
div#Grafik  
{  
float: left;  
width: 200px;  
height:100px;  
margin:0;  
background-image: url(test.jpg);  
}  
  
  ul#Navigation {  
    position:absolute;  
    top: 300px;  
    left: 10px;  
    font-size: 0.83em;  
    float: left; width: 18em;  
    margin: 1em 0 1.2em; padding: 0;  
    border: 1px solid silver;  
  }  
  div#Inhalt {  
    background-color:white;  
    margin: 1em 12em 1em 16em;  
    padding: 1em 1em 1em 1em;  
    border: 2px solid #BBBBBB;  
  }  
  
div#Fusszeile {  
    clear: both;  
    font-size: 0.9em;  
    margin: 0; padding: 0.1em;  
    text-align: center;  
    background-color: #fed; border: 1px solid silver;  
  }

So, nun richtet sich der Footer aber nur nach dem div Inhalt aus, nicht mehr nach Der Navigation.
Hat da wer einen Rat?

Mfg Mo3bius