Проблема с элементом SELECT в Chrome
 

У Хрома видимо такая особенность (в Опере и Мозилле такого не замечал), что при выборе другого значения в элементе SELECT если текст не помещается полностью в ширину поля, то он переносится вниз и поле увеличивается в высоту. Пробовал OVERFLOW но не помогло, что можно сделать, если увеличить ширину самого элемента SELECT нет возможности?

Написать свой селект...

Может: max-height, max-width?

Или скриптом:

window.onload = function()
{
var sel = document.getElementsByTagName('select');
for(i=0;i<sel.length;i++)
{
if(sel[i].value.length > 10)
{
document.getElementsByTagName('select')[i].value = sel[i].value.substr(0,10);
}
}
}