javascript - drop down list width change depending on the content -

i trying change width of drop down list depending on content using javascript.

example see amazon's drop down list in first page in search section. http://www.amazon.com/ref=gno_logo

can me?

amazon uses <span> element overlayed on top of <select> has content changed fit select menu's value - , uses width: auto on tag fit contents.

so in effect, drop-down list in amazon hidden while "fake" drop-down in form of separate span takes place.