求教，怎么让这段文字滚动代码显示的时候按比例显示而不是固定宽度？

这是一段文字从右往左不间断循环滚动的代码，但是因为我用的网页框架是百分比的。而这个代码是放在一个表格里，固定了宽度的。切换了分辨率就没法看了。请问如何改成百分比呢？谢谢。<!--滚动开始-->
<div id=demo style='overflow:hidden;width:679px; margin-left:-5px;'>
              <table width="100%" border=0 cellspacing=0 cellpadding=0>
                <tr>
                  <td   id=demo1><!--   下面是要显示的内容   -->
                      <table width=680px>
                        <tr>
                          <td><font color=#484B50>怎么让这段文字滚动代码显示的时候按比例显示而不是固定宽度？</font></td>
                        </tr>
                      </table>
                    <!--   显示的内容结束！   --></td>
                  <td   id=demo2></td>
                </tr>
              </table>
  </div>
<!--滚动结束-->
<script> 
      var   speed=15 
      demo2.innerHTML=demo1.innerHTML 
      function   Marquee(){ 
      if(demo2.offsetWidth-demo.scrollLeft <=0) 
      demo.scrollLeft-=demo1.offsetWidth 
      else{ 
      demo.scrollLeft++ 
      } 
      } 
      var   MyMar=setInterval(Marquee,speed) 
      demo.onmouseover=function()   {clearInterval(MyMar)} 
      demo.onmouseout=function()   {MyMar=setInterval(Marquee,speed)} 
</script>