Eu estou trabalhando em um site que envolve o preenchimento automático de uma caixa de seleção usando um script PHP. Isso tudo funciona bem, exceto o problema é que o que eu estou usando para preencher a caixa de texto tem títulos muito longos (eles são artigos de periódicos e títulos de apresentação). A caixa suspensa se estende até a largura do elemento mais longo, que se estende para fora da borda da tela, tornando a barra de rolagem impossível de ser alcançada. Eu tentei vários métodos de tentar definir manualmente a caixa suspensa usando CSS para uma largura específica, mas até agora sem sucesso. O melhor que eu consegui para definir a caixa de seleção para uma determinada largura, mas o menu suspenso em si é muito, muito mais amplo.

Qualquer dica sobre isso seria muito apreciada.

EDITAR:

Acontece que a seguinte linha CSS funciona em todos os principais navegadores, exceto no Google Chrome (que é o que eu estava testando a página). Se uma solução para o Chrome for conhecida, seria bom saber disso.

select, option { width: __; }