HTML+CSS+JavaScript

Как запретить расширение таблицы из одной строки (с несколькими ячейками) по вертикали в случае, например, когда содержимое-текст не влезает в одну строку ? Например, при сжатии по горизонтали окна браузера.
В CSS указал высоту 20px. Но после сужения окна браузера (или удлинения текста) таблица расширяется по вертикали на ширину двух строк.
Как запретить это расширение ?

ложить содержимое ячеек в див со свойсвами стиля:

div { overflow: hidden; }

Не проходит, потому что переполнения div'а не происходит из-за расширения ячейки по вертикали.
Пробовал то же самое в td и tr и в table - не помогает...

Добавьте скрытое изображение в таблицу (высотой 1рх) на необходимую фиксированную длину.

Ничего не понял. Background добавить ?
И почему высотой в 1px ?

Ну как я понял - у вас есть ячейка с текстом, и ее не вкоем случае нельзя сжимать, т.е. чтобы текст не перносился. Ну тогда добавляем ячейку выше и втавляем в нее прозрачный gif высотой 1рх, а шириной - как вам надо.

Понял мысль, только наверху будет полоса в один пиксел, т.е. там шире будет, чем под текстом.
Кроме того, при изменении состава и содержания меню придётся вручную подбирать ширину этой прозрачной картинки, поскольку сжатие нужно разрешить до момента, когда меню не будет вмещаться в одну строку...

Тогда не знаю, прозрачные gif-картинки иногда использую для решения той проблемы, что у вас - подумайте, может и у вас получиться, вставлять же ее совсем не обязательно вверх. Если таблица будет иметь фиксированную ширину, то картинка поможет, иначе...