Проблема с меню

[antonP]

Если в меню ссылка становится двухстрочной то естественно бэграунд вылезает только под текстом и всё съезжает

Вот ссылка на пример: пример

Как сделать так чтобы всё было как бы блоком, пример на картинке ниже (макета нет, нарисовал как представляю):

Edited September 16, 2011 by antonP

[Justnewone]

дисплей:блок

дисплей:инлайн-блок (чуть менее кроссбраузерно в данном случае)

[antonP]

дисплей:блок

дисплей:инлайн-блок (чуть менее кроссбраузерно в данном случае)

Ну что-то общее накидал для примера ( ссылка на пример ) с display:block для li, но всё равно ссылка Противопожарные двери визуально неправильно отображается, она растягивается на всю ширину, нужно чтобы она уменьшалась по самому длинному слову.

Есть хотя бы, какие то примеры или ещё идеи?

Edited September 16, 2011 by antonP

[Vlad]

Вы display: block добавьте к ссылке, а не к span.

[antonP]

display:block это не то что нужно, если использовать display:inline , то беграунд под текстом начинает относительно правильно отображаться. Относительно потому, что это уже ближе к истине но всё же не то...

Edited September 17, 2011 by antonP

[Myuzik]

Блог Сергея Чикуёнка Почитайте, быть может поможет.