如何能让div宽度固定呢，高难度*

怎么能让div宽度固定呢，高难度************************************************
问个问题
我页面里是这样的
<table   width= "100% ">
<tr>
      <td   width= "50% ">
            <div   id= "PosList "   style= "overflow-x:hidden;height:190px;width:100% ">
            </div>
      </td>
      <td>
      </td>
</tr>
</table>


问题来了：
举个例子：
下面是js来给这个div添加表：

                var   tablelist=document.getElementById( 'PosList ');
            deviceid   =   1；  
var   html   =   " ";
html   =   tablelist.innerHTML;
html   +=   addlist(deviceid);
tablelist.innerHTML=html;

function   addlist(deviceid)
{
var   html   =   " ";
html   =   " <table   border=\ "0\ "   width=\ "100%\ "   align=\ "left\ "  
html   +=   " <tr> ";
html   +=   "     <td   width=\ "15%\ "   align=\ "left\ "> ";
html   +=   deviceid
html   +=   "     </td> ";
html   +=   "     <td   align=\ "left\ "> ";
html   +=   deviceid
html   +=   "     </td> ";
html   +=   " </tr> ";
html   +=   " </table> ";                                           ####1
return   html;
}

当我调用2次的时候.addlist(111)         addlist(222)
页面显示是：
111   111     222   222
而我要得效果是一个table占用1行
111   111
222   222


我在上面   ####1的地方加了一个 <br/>
页面变成
111   111
              222   222       (而且222这行实在111的中间，不算新的一行）

为什么呀？
怎么能让div宽度固定呢？如果有多的表单就自动放到新的一行开头去。

不知道我表述清除没～～～！谢谢指导

------解决方案--------------------
html = " <table border=\ "0\ " width=\ "100%\ " align=\ "left\ "
html += " <tr> ";

table 标记没技术吧???