怎么能让div宽度固定呢，高难度************************************************

[god_sun]

问个问题
我页面里是这样的
<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宽度固定呢？如果有多的表单就自动放到新的一行开头去。

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

[Go 旅城通票]

html = "<table border=\"0\" width=\"100%\" align=\"left\"
html += "<tr>";

table 标记没技术吧???

[Go 旅城通票]

table开始标记没结束