控制下拉列表框过长样式

<style>
.sel_in{
border:1px solid #ccc;
width:100px;
height:17px;
background:#f4f4f4;
clip:rect(0px,179px,16px,0px);
overflow:hidden;
}
.sel_in_bt{
border:1px solid #FDEFC6;
width:100px;
height:17px;
clip:rect(0px,179px,16px,0px);
overflow:hidden;
}
.sel{
position:relative;
left:-2px;
top:-2px;
color:#000;
font-size:12px;
background:#f4f4f4;/*控制select的背景颜色*/
width:300;/*控制option的显示长度*/
line-height:14px;
}
.sel_bt{
position:relative;
left:-2px;
top:-2px;
color:#0000FF;
font-size:12px;
background:#FFFFEE;/*控制select的背景颜色*/
width:300;/*控制option的显示长度*/
line-height:16px;
}
</style>
例子一：
<div class="sel_in"><select class="sel">
<option>请选择税务机关</option>
<option>1111111111333333333333333333333333333333333</option>
<option>22222222222233333333333333333333</option>
</select></div>

例子二：
<div class="sel_in_bt" style="width:200px">
<select class="sel_bt" style="width:400px;">
<option>请选择税务机关</option>
<option>1111111111333333333333333333333333333333333</option>
<option>22222222222233333333333333333333</option>
<option>22222222222233333333333333333333</option>

<option>22222222222233333333333333333333</option>
<option>3333333333333232323333333333333333333333333333333333333333</option>
</select></div>