showbo大神，帮我看看样式问题

[我就是个打字的]

google浏览器的样式如下：



IE浏览器的样式如下：



第二行和第三行是用JS生成的，代码：

//添加子分区
	$("#btnAdd").click(function(){
		var li_len = $("#boxlist ul li");
		var spaceLen = li_len.length;
		if(spaceLen==0){
			$("#boxlist ul").append("<li id='li" + spaceLen + "'><div class='arrli'><img src='../images/container/list_arr1.png' /></div> "+"每一<label id='label"+spaceLen+"'>层</label>下<input name='batchBoxVO.areaFormat' style='width:50px' required='true' id='combo"+spaceLen+
	   "' class='easyui-combobox'>数量：<input name='batchBoxVO.areaCount' style='width:50px'  required='true'  id='number"+spaceLen+
	   "' class='easyui-numberbox' value='4'> "+"</li>");
			$('#number'+spaceLen).numberbox({
				min: 1,
				max: 20,
				precision: 0
			});
		} else {
			$('#li'+(spaceLen-1)).append("<ul><li id='li" + (spaceLen) + "'><div class='arrli'><img src='../images/container/list_arr1.png'/></div>"+"每一<label id='label"+spaceLen+"'>列</label>下<input name='batchBoxVO.areaFormat' style='width:50px'  required='true' id='combo"+(spaceLen)+
	   "' class='easyui-combobox'>数量：<input name='batchBoxVO.areaCount' style='width:50px'  required='true' id='number"+(spaceLen)+
	   "' class='easyui-numberbox' value='5'>"+"</li></ul>");
		}
		validate_number('number'+spaceLen);
		alert($('#combo'+spaceLen).css('width'));
		$('#combo'+spaceLen).css('width', '50px');
		alert($('#combo'+spaceLen).css('width'));
		$('#combo'+spaceLen).combobox({
			valueField: 'id',
			textField: 'text',
			data: insideAreaFormat,
			onSelect : function(param) {
				$('#label'+(spaceLen+1)).text(param.text);
			}
		});
	 });		
	//删除子分区
	$('#delete').click(function() {
		var len = $('#boxlist ul li').length;
		$("li[id='li"+(len-1)+"']").remove();
	});

HTML：

<div id="batchFridge">
<form id="addBatch">
<div class="layout_1"></div>
<div style="margin-left: 10px; margin-top: 10px;"><a href="#"
	id="btnAdd" class="easyui-linkbutton" iconCls='icon-add'>添加分区</a> <a
	href="#" id="delete" class="easyui-linkbutton" iconCls='icon-remove'>删除分区</a>
<a href="#" id="btnAddBox" style="visibility: hidden"
	class="easyui-linkbutton" iconCls='icon-remove'>添加冷冻盒</a></div>

<div style="border-bottom: solid 1px; margin-left: 10px;"
	class="boxlist" id="boxlist">
<ul>
	<div class="arrli"><img src="../images/container/list_arrT.png" /></div>
	每一冰箱下
	<input class="easyui-combobox" style="width: 50px"
		name="batchBoxVO.areaFormat" id="combo" value="层" required="true"></input>
	数量:
	<input class="easyui-numberbox" style='width: 50px'
		name="batchBoxVO.areaCount" required="true" id="number" value="6" />
</ul>
<table
	style="margin-top: -12px; padding-left: 60px; width: 500px; background-image: url(../images/container/liback.jpg);">
	<tr id="1l120">
		<td>
		<div class="arrli"><img style="margin-top: -6px"
			src="../images/container/list_arr1.png" /></div>
		冷冻盒数量：<input class="easyui-validatebox" required="true"
			name="batchBoxVO.boxCount" id="boxCount" style="width: 50px"
			value="4" /> 列 <input name="batchBoxVO.boxColm" style="width: 50px"
			id="boxCol" class="easyui-validatebox" required="true" value="9" /> 行
		<input class="easyui-validatebox" required="true"
			name="batchBoxVO.boxRow" style="width: 50px" id="boxRow" value="9" />
		</td>
	</tr>
</table>
</div>


<div class="sidebarright">
<div class="sidetag">预览树</div>
<div class="sidecont">
<div style="height: 250px; overflow: auto; font-family: "宋体",Arial;font-size:12px;color:#63798E;line-height:20px;">
<div id="preViewTree"></div>
</div>
</div>

</div>
</div>
</form>
</div>

[我就是个打字的]

顶帖啊，不要沉

[Go 旅城通票]

你自己写的样式呢？。。。

[我就是个打字的]

再顶!!!!!!!

[Go 旅城通票]

table在IE7-下设置padding-left不起作用，加到td上就好了 <table style="margin-top: -12px; width: 500px; background-image: url(../images/container/liback.jpg);"> <tr id="1l120"> <td style=" padding-left: 60px;"> <div class="arrli"><img style="margin-top: -6px" src="a.gif" /></div> 冷冻盒数量：<input class="easyui-validatebox" required="true" name="batchBoxVO.boxCount" id="boxCount" style="width: 50px" value="4" /> 列 <input name="batchBoxVO.boxColm" style="width: 50px" id="boxCol" class="easyui-validatebox" required="true" value="9" /> 行 <input class="easyui-validatebox" required="true" name="batchBoxVO.boxRow" style="width: 50px" id="boxRow" value="9" /> </td> </tr> </table>

[我就是个打字的]

刚才没说清楚问题，其实主要的问题是那个combobox的宽度，设置了50px，但是显示出来太长了

[我就是个打字的]

引用 2 楼 showbo 的回复:

你自己写的样式呢？。。。

样式是引用jquery的

[我就是个打字的]

@charset "utf-8";

/*     左边列表     */

ul,li {
padding:0px;
list-style-type:none; 
text-transform:capitalize; 
}

#breadcrumb a{
height:30px;
display:inline;
float:left;
background-image:url(../../images/container/bc_separator.gif); 
background-repeat:no-repeat; 
background-position:right;
padding-right: 15px;
text-decoration: none;
color:#63798E;
}

#breadcrumb a:hover{
color:#A3685B;
}

.home{
border:none;
margin: 8px 0px;
}

.srch{
display:inline; 
padding:5px 10px 0 0;
}

#breadcrumb{
background-image:url(../../images/container/bc_bg.gif); 
background-repeat:repeat-x;
height:30px;
line-height:30px;
color:#9b9b9b;
border:solid 1px #BFD6EC;
width:100%;
margin:0px;
padding:0px;
font-family:"宋体", Arial;
font-size:12px;
}

.layout_1{
width:802px;
}

/*     左边列表     */

ul,li {
padding:0px;
list-style-type:none; 
text-transform:capitalize; 
}

.boxlist{
float:left;
width:500px;
font-family:"宋体", Arial;
font-size:12px;
color:#63798E;
}

.boxlist ul{
line-height:46px;
background:url(../../images/container/ulback.jpg);
}

.boxlist li{
padding-left:16px;
background:url(../../images/container/liback.jpg);
}

.arrli{
float:left;
padding-left:5px;
padding-top:15px;
padding-right:5px;
width:16px;
height:16px;
}



/*     右边栏目     */

.sidebarright{
float:right;
width:250px;
height:280px;
border-left:solid 1px;
border-color:#BFD7EE;
}

.sidetag{
margin:10px;
background-color:#A3B4DA;
padding:8px;
font-family:"宋体", Arial;
font-size:12px;
color:#FFFFFF;
}

.sidecont{
margin:10px;
font-family:"宋体", Arial;
font-size:12px;
color:#63798E;
line-height:20px;
}
这是自己的CSS

[Go 旅城通票]

IE7-下combo放到ul标签里面会span莫名其妙增加长度。。给ul设置下面的样式就行了

ul{list-style:none;padding:0px;}

[Go 旅城通票]

ul{margin:0px;} 修改下，是设置margin，不是padding

[我就是个打字的]

好的 非常感谢