Establecer el ancho del elemento desplegable en las opciones desplegables de selección de HTML

Estoy trabajando en un sitio web que implica rellenar automáticamente un cuadro de selección utilizando un script PHP. Todo esto funciona bien, excepto que el problema es que lo que estoy usando para rellenar el cuadro de texto tiene títulos muy largos (son artículos de revistas y títulos de presentaciones). El cuadro desplegable se extiende hasta el ancho del elemento más largo, que se extiende fuera del borde de la pantalla, por lo que es imposible alcanzar la barra de desplazamiento. He intentado varios métodos para intentar configurar manualmente el cuadro desplegable usando CSS a un ancho particular, pero hasta ahora no ha servido de nada. Lo mejor que he logrado para establecer el cuadro de selección en un cierto ancho, pero el menú desplegable en sí es mucho, mucho más amplio.

Cualquier consejo sobre esto sería muy apreciado.

EDITAR:

Resulta que la siguiente línea CSS funciona en todos los navegadores principales, excepto en Google Chrome (que es en lo que estaba probando la página). Si se conoce una solución para Chrome, sería bueno saberlo.

select, option { width: __; }

Respuestas a la pregunta(7)

Su respuesta a la pregunta