Problem with Footer

[manojkmi]

when I minimize the browser and scroll the vertical bar down the footer content is moving up. Could any one help me out for making footer static?

Note - I changed to position:fixed. Then working fine in IE8 but in IE6 footer content is displaying at the center of the screen.

.footerDivStyle {
        margin-top: 0px;
        border-top: 1px solid #999999;
        color: #999;
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        background-color: #FFFFFF;
        font-size: 12pt;
}
.footerTextStyle {
        font-size: 8pt;    
        color: #999;
        border: 1px solid #FFFFFF;
} 

<div class="footerDivStyle" >
    <table width="100%" class="footerTextStyle">
        <tr>
            <td align="left" class="footerTextStyle">
                &nbsp; Test123
            </td>
            <td align="right" class="footerTextStyle">                
                          &nbsp; &nbsp;Version 
              </td>
             </tr>
    </table>
</div> 

[imranashake]

this is because of wrongly done box-property of the internet explorer.

to your footerDivStyle add aproperty zoom:1 or float:left

[manojkmi]

Thanks for the reply, I tried adding float:left; or zoom:1; But i couldn't fix the problem. Any other suggestions?