Вертикальное многоуровневое меню, блок с подкатегориями как убрать лишнее пространство?

Question

[Антон Вебсайтовский]

Здравствуйте.
Многоуровневый каталог, во втором уровне блок со 2-3-4-5-6 подкатегориями. типа как на сайте днса.
Как можно убрать лишний фон, чтобы блок сам под категории поджимался.
В меню идут разное количество подкатегорий, где то в один столбик, где-то в два и в три.
Хотелось бы чтобы блок с фоном белым сам подстраивался, если один столбик, то под один столбик фон, если два то под два, если три то под три.

Пример каталога тут: https://jsfiddle.net/3vL69tq9/5/

Я на скринах отметил чтобы было понятно, красными крестиками что лишнее.

Comments

[devstudent]

у него наверное ширина стоит 100% вот и тянется фон на всю ширину. поставьте например display:inline-block; width:auto;

[Антон Вебсайтовский]

devstudent: спасибо,щас попробую.

[Антон Вебсайтовский]

devstudent: у него стоит. width: 882px; я заменил на что вы дали.

[Антон Вебсайтовский]

devstudent: сделал вот что вышло, https://jsfiddle.net/3vL69tq9/7/ обрезает.

[Антон Вебсайтовский]

если так делать типа тож самое:
max-width: 899px;
min-width: 300px;

но обрезает. также как и при display:inline-block; width:auto;

Answer 1

[Максим Тимофеев]

width: auto;

Comments

[Антон Вебсайтовский]

Здравствуйте, а куда вставить? в какую часть. я уже пробовал в блок в котором подразделы выводятся списки.
обрезает https://jsfiddle.net/3vL69tq9/7/