Ширина подменю в Firefox

[gregsv]

Всем добрый день.

Не могу доделать подменю. Во всех браузерах при наведении отображается с шириной меню родителя, только в Firefox растягивается до конца страницы.

Явно задать ширину для подменю проблематично, поскольку само меню резиновое и его аункты имеют разную ширину. Подскажите, как реализовать правильно?

http://jsfiddle.net/s86nf/

Edited May 12, 2013 by gregsv

[lexxcode]

Firefox всю свою жизнь не поддерживает position:relative; для ячеек таблиц и вообще для любых элементов для которых указанно display:table-cell;. Так, что тут придется вставлять дополнительный div ставить для него position:relative;, в него вкладывать ссылку и список с пунктами подменю, тогда будет работать.

[red4pony]

Firefox всю свою жизнь не поддерживает position:relative; для ячеек таблиц и вообще для любых элементов для которых указанно display:table-cell;. Так, что тут придется вставлять дополнительный div ставить для него position:relative;, в него вкладывать ссылку и список с пунктами подменю, тогда будет работать.

Эти и другие плюшки познаются эмпирическим путём или есть где-то кладезь со всеми этими хитростями?

[lexxcode]

просто опыт

[gregsv]

т.е. для каждого li первого уровня надо поставить дополнительный div?

[red4pony]

Если я правильно понял alexriz'а то:

http://jsfiddle.net/...mbedded/result/

Сам код:

http://jsfiddle.net/n8jWW/

[gregsv]

Да, я тоже так реализовал по совету.

http://jsfiddle.net/F9E48/1/

[lexxcode]

Да, я тоже так реализовал по совету. http://jsfiddle.net/F9E48/1/

да именно это я и имел в виду