Чувство, словно превзошла сама себя. Ведь я даже не надеялась разобраться с этой задачей, о которой пойдёт речь в этом посте.
В меню есть три известных мне списка:
- 1 - Темы записей.
- 2 - Постоянные читатели.
- 3 - Ссылки.

Эти списки для блочного дизайна в позиции меню вверху при автоматических настройках становятся непрезентабельно длинными и широкими. Для табличного дизайна с меню вверху не проверяла, и посему ответить нечем.
Если же в дизайне предполагаются рисованные фоны ограниченных размеров для этих блоков, как в моём дневнике или, к примеру, в дневнике  Sans phrases..., то стандартные оформления нарушают целостную гармонию.
Работа над дизайном господина  Sans phrases... позволила случайно приоткрыть решение вопроса со списками. Сама задача формулировалась так:

Список со скроллингом,
идеально вписывающийся в вычурный фон меню.

Cкрины:

В дизайне вышеупомянутого господина я сделала куда как проще, поскольку фон прямоугольный - раскрытая книга. Но именно так была подхвачена нить Ариадны. Буквально пара строчек кода для тем в меню и где-то ещё для списка ПЧ.
Но, в моём дизайне фон с красивыми виньетками сверху и снизу. И моему эстетствующему вкусу не подходила предыдущая модель, в которой списки будут наползать на мои красивости. Решение пришлось дорабатывать. И вот что получилось для СПИСКА ТЕМ в меню:



Детали кодирования:

— селектор #thisDiaryOwner ul :
- в атрибуте margin прописывается позиция фона относительно, по-сути, заголовка.
- в height и width - высота и ширина блока приблизительно под размер нарисованного фона, в котором коротенький список из двух элементов: "календарь записей" и "Темы записей". Остальные я отключила, не видя в них необходимости.
- в padding-top - задан отступ от нижней границы блока до первого элемента списка, чтобы текст не наезжал на виньетку.
- в background - мой красивый, чуть прозрачный .png фон с виньетками.
- в transition задано время срабатывания opacity на #thisDiaryOwner ul:hover - то есть, время через которое плавно смениться частичная прозрачность на максимальную непрозрачность фона меню и его содержимого - блока списка.

— селектор #thisDiaryOwner ul:hover - управляет прозрачностью, делая фон меню таким каким он нарисован в ФШ, как и всё остальное в блоке.

— в селекторе #thisDiaryOwner.menuSection ul li:last-child всего один атрибут, который задаёт позицию для последнего элемента списка относительно нижней границы блока списка как для основного меню "Записи", так и для последнего в блоке "Темы записей".

— селектор #TagsList :
- в атрибутах height и width задаётся высота и ширина блока "Темы записей" с учётом отступов для фоновой картинки в следующем атрибуте, и в котором в дальнейшем будет располагаться список тем.
- в background - прописывается фоновая картинка. И вот тут ВНИМАНИЕ!: в свойствах самой картинки задаём позиции фона относительно границ блока. У меня прописаны значения с учётом смещения по диагонали: вправо 20px и немного вниз 5px.

— селектор #TagsList ul :
- в атрибуте background: rgba(0, 0, 0, 0); - прописывается прозрачный фон. Иначе дочерний элемент подхватит фон из #thisDiaryOwner ul. А это нам не нужно. Потому что именно из-за него не получится потом вписать список в красивый фончик.
- в width задаётся ширина блока под список с учётом возникающего позже скролла, то есть немножко больше на ширину полосы прокрутки.
- в margin подбираются отступы, с учётом высоты верхней виньетки, до первой темы в списке. И отступ всех элементов списка от левой границы блока.
- в overflow-y: scroll; прописываем вертикальный скролл - полосу прокрутки для списка внутри блока.
- в text-align: left; - выравнивание текста.

— селектор #TagsList ul li :
- в атрибуте width подбираем значение ширины списка - немножечко меньше, то есть меньше на ширину полосы прокрутки.
- в margin задаются отступы между строками с элементами списка, чтобы немножко сжать сам список.
- в white-space: normal !important; - задаётся команда переноса ДЛИННЫХ тем записей на другую строку. Иначе загадочно-пространные темы записей вылезут за фон и вся красота на том будет порушена. С чем, собственно я долго не могла справится, почти разуверившись в успехе и своих способностях.

— селектор #TagsList ul li:first-child, в котором один единственный атрибут призван преодолеть удваивающийся из-за наследования свойств отступ от верхней границы блока списка. Да, есть такое неудобство "тяни-толкай".

outline: 1px solid #00ff00; вам в помощь )

Между прочим, это мой добрый вам совет, а не сарказм. Этот атрибут станет вашим навигатором и позволит увидеть скрытое.

С вопросами обращайтесь в комменты.

Вот теперь в абсолютной уверенности пойду редактировать свой код.
Минут через 15 сможете лицезреть воочию.