关于div动态控制大小问题?????????????

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript">
function changWidth(str){
document.getElementById("div").style.width=str;
}
</script></head><body>
<table>
<tr>
<td><select id="d1" onChange="changWidth(this.value);">
   <option value="">请选择一个端局</option>
<option value="21px">21</option>
<option value="38px">38</option>
<option value="56px">56</option>
<option value="20px">20</option>
<option value="50px">50</option>
<option value="80px">80</option>
</select>
</td>
<td>
<div id="div" style="height:50;background-color : #FFD934;border:1">fdafa</div>
</td>
</tr>
</table>
</body>
</html>