Ho trovato questo javascript:

codice:
<script>
function allarga(){
	document.getElementById('contentselect').style.width="300px";
	document.getElementById('selectname').style.width="300px";
}
function stringi(){
	document.getElementById('contentselect').style.width="130px";
	document.getElementById('selectname').style.width="130px";
}
</script>
codice:
	
<div style="width:150px; height:200px;padding:5px;border:1px solid #000000;">
	<div id="contentselect" style="width:130px;position:absolute;">
		<select name="selectname" id="selectname" style="width:130px;" onfocus="allarga()" onblur="stringi()">
			<option value="">seleziona</option>
			<option value="">1234567890123456789012345678901234567890</option>
			<option value="">1234567890123456789012345678901234567890</option>
			<option value="">1234567890123456789012345678901234567890</option>
		</select>
	</div>
</div>
non è molto bello da vedere però è funzionale per quello che mi serve...

se qualcuno trova qualcosa di meglio mi faccia sapere....

grazie
ciao