하단에 딱붙어있는 레이어는 어떻게 만들어야 할지?

http://www.pullbbang.com/

하단에 보면 "팬피 모든지 한줄"이라고 나오는 부분이 있는데 스크롤을 해도 그 영역은 계속 그대로인데요.

소스보니 아래와 같은데 파이어폭스에서는 되는데 익스플러로에선 그냥 제일 하단에 붙어서 그위치로 고정되어있습니다. 전체페이지의 제일 하단이 아닌 모니터 제일 밑에 붙어서 스크롤해도 제일하단위치를 그대로 지키려면 어떻게 해야할지? 초보라 이것저것 종일 싸우고 있어도 안됩니다. 도움의 손길좀 부탁드립니다. ㅠㅜ

<style type="text/css">
#floating_gnb { position:fixed; z-index:500; width:100%; height:33px; left:0px; bottom:0px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; background:#d3d3d3;}
</style>

<div id='floating_gnb'>
    <table width="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
      <tr>
        <td height="1" align="center" bgcolor="99b52d"></td>
      </tr>
      <tr>
        <td align="center"><table width="947" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
          <tr>
            <td height="30" align="center" width="40"></td>
            <td height="30" align="center"><center><div id="FFview">이곳에 글넣는다 치고</div></center></td>
          </tr>
        </table></td>
      </tr>
      <tr>
        <td height="8" align="center"></td>
      </tr>
    </table>
</div>