div的折行问题（如何能让div中的内容不折行呢）急！！！

<!DOCTYPE HTML PUBLIC "-//w3c//dtd html 4.0 transitional//en">
<html>
    <head>
        <title>浮动test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
        <link href="/css/css.css" rel="stylesheet" type="text/css" />
        <meta http-equiv="refresh" content="300">
        <script language="javascript">
 var lastScrollX = 0;
 var lastScrollY = 0;
function heartBeat() {
  var diffY = document.body.scrollTop;
  var diffX = document.body.scrollLeft;
  var rightD = document.getElementById("right_ad");//这个是toolbar工具栏的div
  var rightDay_Week = document.getElementById("cele_date");//这个是日、周时间控件的div（这个的位置是正确的）
  var rightMonth = document.getElementById("cele_month");  if (diffY != lastScrollY) {
    percent = 1 * (diffY - lastScrollY);
    if (percent > 0)
      percent = Math.ceil(percent);
    else
      percent = Math.floor(percent);    if (rightD) rightD.style.pixelTop += percent;
    if (rightDay_Week) rightDay_Week.style.pixelTop += percent;
    if (rightMonth) rightMonth.style.pixelTop += percent;    lastScrollY = lastScrollY + percent;
  }
    if (diffX != lastScrollX) {
    percent = 1 * (diffX - lastScrollX );
    if (percent > 0)
      percent = Math.ceil(percent);
    else
      percent = Math.floor(percent);
      
    if (rightD) rightD.style.left = diffX+document.body.clientWidth-rightD.offsetWidth-20+"px";
    if (rightDay_Week) rightDay_Week.style.pixelLeft += percent;
    if (rightMonth) rightMonth.style.pixelLeft += percent;
    lastScrollX = lastScrollX + percent;
  }
}
window.setInterval("heartBeat()", 160);
   </script>
    </head>
    <body onload="window.focus();">
        <style media=print>
.Noprint{display:none;}
.PageNext{page-break-after: always;}
</style>
        <div class="Noprint" id="right_ad" name="right_ad" align='center'
            width='320px' height='1px'
            style="border:1px solid #a1a3a6;z-index: 99; position: absolute; right: 20px; top: 2px; filter:alpha(Opacity=80);background-color:#E7E7E7">
            <font class="toolbar_font">
                <table border=0 style="padding:0 0 0 0;margin:0 0 0 0;">
                    <tr><td><table><tr>
                                    <td class="toolbar_td">
                                        <a href="/detail.jsp"><img name='pagination' border=0 title="甲"src="/nation.png"></img></a>
                                    </td>
                                    <td class="toolbar_td">
                                        &nbsp;<a href="/new.jsp?"target="new"> <img name='subscribe' border=0 title="乙"src="/cribe.png"></img></a>
                                    </td>
                                    <td class="toolbar_td">
                                        &nbsp;
                                        <a href="/detail.jsp"> <img name='e' border=0 title="丙"  src="/e.png"></img> </a>
                                        <a href="/detail.jsp?"> <img name='f' border=0 title="丁" src="/f.png"></img>  </a>
                                    </td>
                                    <td class="toolbar_td">
                                        &nbsp;
                                        <a href="/detail.jsp"> <img name='lastday' border=0 src="/last.png"> </img> </a>
                                    </td>
                                    <td class="toolbar_td" valign=middle>
                                        <a href='javascript:void(0)' onclick="click_type.value='lastday';show_cele_date(lastday,'','',lastday);" />甲
                                    </td>
                                    <td class="toolbar_td">
                                        <a href="/detail.jsp"> <img name='nextday' border=0  src="/next.png"> </img> </a>
                                        <a href="/detail.jsp?"> <img name='lastweek' border=0 src="/last.png"> </img> </a>
                                    </td>
                                    <td class="toolbar_td" valign=middle>
                                        <a href='javascript:void(0)' onclick="click_type.value='lastweek';show_cele_date(lastweek,'','',lastweek);" />乙
                                    </td>
                                    <td class="toolbar_td">
                                        <a  href="/detail.jsp"> <img name='nextweek' border=0 src="/next.png"> </img> </a>
                                        <a href="/detail.jsp"> <img name='lastmonth' border=0 src="/last.png"> </img> </a>
                                    </td>
                                    <td class="bar_td" valign=middle>
                                        <a href='javascript:void(0)' onclick="click_type.value='lastmonth';show_cele_month(lastmonth);" />丙
                                    </td>
                                    <td class="bar_td">
                                        <a href="/detail.jsp?"> <img name='nextmonth' border=0 src="/next.png"> </img> </a>
                                    </td>
                                    <td class="bar_td">
                                        &nbsp;
                                        <img name='hiddenthis' border=0
                                            src="/close.png" style="cursor:hand"
                                            title="丁" onclick="right_ad.style.visibility = 'hidden';">
                                        </img>
                                    </td>
                                </tr>
                            </table>
                        </td>
                    </tr>
                </table> </font>
        </div>        <center></center>
        <div
            style="position: absolute; top: 0px; left: 0px; width: 10000px; height: 4000px;">        </div>
    </body>
</html>
－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－   
把这段代码作为html页面运行   问题：拉动x轴滚动条的时候，右上角的div自动折行，想要的效果是一直都在一行上而不折行地在右上角浮动，请问该怎么改呢？