select中,如何 option 和条数定义它的高度,条数过多也不会有上下拉滚动条?

Question

<select id=s1 name="select"  multiple  >
        <option>Zxczxczxccccccccccccccc</option>
        <option>xczxccccccccccccccc</option>
        <option>xczxccccccccccccccc</option>
        <option>xczxccccccccccccccc</option>
        <option>xczxccccccccccccccc</option>
        <option>xczxccccccccccccccc</option>        
      </select>
 
<script language="javascript">resize(document.getElementById("s1"));function resize(selObj){
   selObj.size=selObj.options.length;
 }
</script>