div Problem

[magicfiete]

Hallo,

ich möchte eine HTML Seite vertikal sowohl oben, als auch unten an den Browserrahmen fixieren. Dazu habe ich einen container erstellt und zwei divs "content" und "footer". Das funktioniert soweit schon ganz gut. Mein Problem, wenn ich das Browserfenster in der Höhe skaliere, bleibt der Footer, wie gewünscht unten "kleben", reisst dann aber irgendwann eine weisse Lücke zwischen das Ende meiner Tabelle im Contentbereicht. Das Problem ist, das diese weisse Lücke sich horizontal über 100% erstreckt, wobei nur der Teil, in dem meine Tabelle ist, weiss sein soll, links und rechts davon soll eine andere Farbe stehen. Hat jemand eine Idee, was ich falsch mache ? Ich hoffe, dass war einigermaßen verständlich. Bin über jeden Hinweis dankbar.

Mein Script sieht wie folgt aus:

  
 <style type="text/css">  
  <!--  
   html, body {  
    height: 100%;  
   }  
   body {  
    margin: 0;  
    padding: 0;  
    background-color: #004a1c;  
   }  
   #container {  
    position: relative;  
    min-height: 100%;  
    background-color: #ffffff;  
   }  
   #content {  
    padding: 0px;  
    background-color: #004a1c;  
    padding-bottom: 0px;  
   }  
   #footer {  
    position: absolute;  
    bottom: 0;  
    padding: 0px;  
                                background-color: #004a1c;  
    width: 100%;  
   }  
  -->  
 </style>