Как я могу указать ширину «overflow: auto;» полосы прокрутки в абсолютном div с динамическим размером?

(Первый вопрос о переполнении стека. Надеюсь, я все делаю правильно.)

Я пытаюсь создать плавающее меню, которое наследует ширину от своего содержимого (поскольку я не знаю ширину заранее, т. е. загружен из URL-адреса). Я могу сделать это, установив абсолютное позиционирование div меню без установки ширины или высоты.

Проблема возникает, когда контент достаточно высокий, чтобы требуется прокрутка.Я установил "переполнение: авто;" так что его можно прокручивать по вертикали, но новая полоса прокрутки не делает div шире. Вместо этого div остается той же ширины, а полоса прокрутки выступает в его содержимое, ранее подходившее по размеру, заставляя содержимое обтекать.

Пример: http://jsfiddle.net/w7Mm8/

В примере: в Firefox «пять» переносится на следующую строку, но в Chrome (по крайней мере для Mac) все показано в одной строке.

Любой изящный способ сделать это без явной установки ширины меню, включающей ширину полосы прокрутки?

СПАСИБО!

28
задан Dave L. 7 December 2011 в 02:37
поделиться