Floating css footer in IE8

Question

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:

<div id="Footer">
        <table>
        <tr>
            <td colspan="3">
                <span>Copyright</span> 
            </td>
            <td>
                <asp:Label runat="server" ID="lblVersion"></asp:Label> 
            </td>
        </tr>
        </table>     
    </div>

and this CSS:

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;
}

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?

Answer 1

read this :

http://ryanfait.com/resources/footer-stick-to-bottom-of-page/