Основное горизонтальное меню имеет подменю:
<ul>
<li><a href="#">Пункт 1</a></li>
<li>
<a href="#">Пункт 2</a>
<div>
<ul>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
<li><a href="#">Ссылка 3</a></li>
</ul>
<ul>
<li><a href="#">Ссылка 1</a></li>
<li><a href="#">Ссылка 2</a></li>
<li><a href="#">Ссылка 3</a></li>
</ul>
</div>
</li>
<li><a href="#">Пункт 3</a></li>
<li><a href="#">Пункт 4</a></li>
</ul>
Контейнер div с подменю имеет абсолютное позиционирование и изначально скрыт.
При наведении на Пункт 2 контейнер с подменю отображается.
Проблема заключается в том, что для того чтобы в подменю колонки шли вряд (div ul float:left) необходимо задавать фиксированную ширину контейнера div (из-за position: absolute).
Колонок в разных подменю может быть разное количество. По этому от фиксированной ширины следует отказаться.
Кто знает как решить эту задачу?