The current better way to make select list all options when selected/focused

<td align="right">
Payment Methods:
</td>
<td style="padding:0px;vertical-align:top;">
<!-- You must wrap the select with a div, otherwise it will not be compatible with FF-->
<span style="color:#ff0000"><div style="position:relative;padding:1px;">
</span> <select id="payType" name="payType" style="position:absolute;" onfocus="expand(this)" onblur="unexpand(this)">
<option>RMB</option>
<option>US dollars</option>
<option>Credit card</option>
<option>Hong Kong Dollar</option>
<option>Hong Kong Dollar</option>
</select>
<span style="color:#ff0000"></div>
</span></td>

function expand(obj){
$(obj).attr("size","10");
}
function unexpand(obj){
$(obj).attr("size","1");
}