Eu tenho uma lista de países, alguns com um nome muito longo:

<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>

Por padrão, a caixa de seleção seria a maior opção na lista. Eu quero criar uma caixa de seleção de modo que exiba o comportamento padrão quando visto de uma ampla janela do navegador, mas se encaixe bem em 90% da largura do contêiner quando visto de uma janela de navegador estreita, menor que o comprimento da opção mais longa.

eu tenteimin-width: 90%;, mas não funcionou. Isso pode ser feito pelo estilo CSS sozinho?