表單下拉框的细节问题

<style>
<!--
select{position:relative;left:-2px;top:-2px;font-size:11px;width:80px;line-height:14px;border:0px;color:#3366CC;}
.box{position:relative;border:1px solid #cccccc;width:79px;height:19px;clip:rect(0px,78px,18px,0px);overflow:hidden;}
.box2{border:1px solid #F4F4F4;width:77px;height:17px;clip:rect(0px,76px,16px,0px);overflow:hidden;}
-->
</style>
<div class="box"><div class="box2"><select name="field">
<option value="name" >姓名</option>
<option value="address" selected>家庭地址</option>
<option value="QQ" >QQ</option>
<option value="hometel" >家庭电话</option>
<option value="mobiletel" >移动电话</option>
</select></div></div>

姓名家庭地址QQ家庭电话移动电话