<script language="javascript">
function $(id){return document.getElementById(id);};   
    function reset()
    {
    var divs = $("footers");
        var d = document.documentElement;
        var y1 = d.scrollTop;
        var h1 = d.clientHeight;
        var h = parseInt(divs.style.height);
        var y = (h1 -h) + y1-15;

if((h1+h)>900)
{
y=y
}
else
{
if(y<600) y=600;

}
       divs.style.posTop = y;
 
    }
</script>
<div id="footers"  align="center" style="background-image:url(images/ft-bg.jpg); background-repeat:repeat-x; height:116px; position:relative; width:778px;border-left:dotted 1px #FF6600; border-right:dotted 1px #FF6600>
fasdfadsfasdfasdfasdfasfasfsfdasdf<br/><br/><br/>dsfafd
</div>
<script type="text/javascript">
   window.onresize = reset;
    window.onscroll = reset;
  reset();
</script>