请教一关于样式问题_html/css_WEB-ITnose

[img=http://b109.photo.store.qq.com/psb?/a44cf879-0bc5-47f8-ab7a-978f408b23c3/RGqOSZW7r0OBWastlQfcjOggsxTaDRU.i4vVZPE5psI!/b/dF*gBUF.AwAA&bo=ugByAO4!][/img]

<select class="selguige" id="specId${st.index}" name="specId${st.index}" onchange="changeprice(${st.index},this.options[this.options.selectedIndex].value)">									  <s:iterator value="#commodity.specList" id="spec" status="st2">										<option title="${spec.specName}" value="${spec.specid},${spec.salePrice},${spec.originalPrice}"style="font-size:10px;">${spec.specName}</option>									  </s:iterator>									  </select>

这是样式

.selguige{	height:20px;	margin-left:-1px;	font-size: 12px;	color: #3e3e3e;	max-width: 100px;	overflow:hidden;	width:expression(this.offsetWidth > 100? "100px": this.offsetWidth + "px" ); 	_width: expression(this.offsetWidth > 100 ? "100px" : this.offsetWidth + "px"); }

为何我里面的字就重叠了呢？其他浏览器都可以，就是IE8不行，求大神指点！

回复讨论(解决方案)

在css里面,overflow:hiedden,也就意味着当长度不够时,自动隐藏显示不了的内容.去掉overflow或加长width^

在css里面,overflow:hiedden,也就意味着当长度不够时,自动隐藏显示不了的内容.去掉overflow或加长width^

width不能再加了！
overflow:hiedden 去掉还是这样！

经过我多次试验呢,你在css中的设置并不能容得下所有字符.所以可以减小font-size大小或增加max-width的长度.