Estoy tratando de hacer que la opción Seleccionar tenga el ancho de la opción seleccionada actual.

Mi código es el HTML estándar para un menú desplegable Seleccionar opción:

<select name="search_options">
  <option value="all">All</option>
  <option value="entertainment">Entertainment</option>
  <option value="newsandpolitics">News &amp; Politics</option>
  <option value="sports">Sports</option>
  <option value="lifestyle">Lifestyle</option>
  <option value="health">Health</option>
  <option value="scienceandtech">Science &amp; Tech</option>
</select>

He estado tratando de hacer esto solo con CSS o Javascript, sin JQuery, y no puedo entenderlo.

Ya he encontrado varios violines con JQuery, pero no CSS / Javascript.

http://jsfiddle.net/5AANG/4/

http://jsfiddle.net/qqcc5/

¿Hay alguna manera de lograr esto, idéntico a los 2 violines anteriores, usando solo CSS o Javascript puro?

Cualquier puntero en la dirección correcta sería genial.