مشكلة في عرض شريط الموضوعات الأخيرة الأفقي

الشريط طالع عريض جدا
وهذا هو الكود

الكود:: <head> <style type="text/css"> .odessarabmostr1 { border-collapse: collapse; } .odessarabmostr2 { border-color: #5CB3FF; border-width: 1px; } </style> </head> <table style="width: 118%" dir="rtl" cellspacing="0" cellpadding="0" class="odessarabmostr1"> <tr> <td width="30"> <img alt="" src="http://i24.servimg.com/u/f24/14/24/36/57/ououu_10.gif"></td> <td background="http://2img.net/i/fa/m/background1.gif"> <table style="width: 100%; height: 30px"> <tr> <td><div align="center">  <TABLE class=tborder cellSpacing=0 cellPadding=4 width="100%" border=0> <TBODY> <TR><DIV/> <center/> <TD align=center class="odessarabmostr2"> <marquee behaviour="Scroll" direction="right" onmouseover="this.scrollAmount=1" onMouseout="this.scrollAmount=5" onmousedown="this.scrollAmount=5" scrollAmount=5" scrolldelay="5" id="wootz0">  <a> » <a><a/> <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href=" {scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE} "> {scrolling_row.recent_topic_row.L_TITLE} </a> <img src="{ICON_TIME}" alt="" /> {scrolling_row.recent_topic_row.S_POSTTIME} {BY}  <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>  </table> </div> <table style="width: 100%"> <tr> <TD ROWSPAN=2 background="" style="background-image: url(''); background-repeat: repeat-x; background-position-y: top" bgcolor="#E7E7E7" valign="top" width="100%" dir="rtl"> <div align="center"> <TABLE class=tborder cellSpacing=0 cellPadding=4 width="100%" border=0> <TBODY> <TR><DIV/> <center/> <TD align=center> <marquee behaviour="Scroll" direction="right" onmouseover="this.scrollAmount=1" onMouseout="this.scrollAmount=5" onmousedown="this.scrollAmount=5" scrollAmount=5" scrolldelay="5" id="wootz0">  » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a>{BY}  <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a>  {ON} {classical_row.recent_topic_row.S_POSTTIME} </span></td> </tr> </table> </div> </TD> </tr> </table> <script type="text/javascript"> //<![CDATA[ $(function(){ div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}', 'genmed'); }); //]]> </script> </td> </tr> </table> </td> <td width="30"> <img alt="" src="http://i24.servimg.com/u/f24/14/24/36/57/ououu_10.gif"></td> </tr> </table>