title: Floating css footer in IE8
body: <p>Hi this question might be asked a few times, but I can't find a specific example for what I'm doing, I have a footer:</p>
  
  <pre><code>&lt;div id="Footer"&gt;
          &lt;table&gt;
          &lt;tr&gt;
              &lt;td colspan="3"&gt;
                  &lt;span&gt;Copyright&lt;/span&gt; 
              &lt;/td&gt;
              &lt;td&gt;
                  &lt;asp:Label runat="server" ID="lblVersion"&gt;&lt;/asp:Label&gt; 
              &lt;/td&gt;
          &lt;/tr&gt;
          &lt;/table&gt;     
      &lt;/div&gt;
  </code></pre>
  
  <p>and this CSS:</p>
  
  <pre><code>div#Footer
  {
    padding: 4px 1px 1px 0px;
    margin: 0px;
    margin-top:80px; 
    border-top: thin solid #000000;
    height:1.5em;
    background-color:#333333;
    color:White;
  }
  </code></pre>
  
  <p>In IE6 this worked fine, in IE8 in resolutions of 1280 x 1024 and above this works fine, but below this resolution or when the IE window is made smaller, the footer floats, I've tried setting position/float/clear/display style settings with no luck, does anyone have any ideas how to make this stick at the bottom in smaller screen resolutions?</p>