Tengo una lista de países, algunos con un nombre muy largo:

<select name=countries>
 <option value=af>Afghanistan</option>
 <option value=ax>Åland Islands</option>
 ...
 <option value=gs>South Georgia and the South Sandwich Islands</option>
 ...
</select>

De forma predeterminada, el cuadro de selección sería tan largo como la opción más larga en la lista. Quiero crear un cuadro de selección tal que muestre el comportamiento predeterminado cuando se ve desde una ventana de navegador amplia, pero se ajusta bien al 90% del ancho del contenedor cuando se ve desde una ventana de navegador estrecha, más pequeña que la longitud de la opción más larga.

Lo intentémin-width: 90%;, pero no funcionó. ¿Se puede hacer esto solo con el estilo CSS?