Выпадающее меню в несколько колонок
 

Основное горизонтальное меню имеет подменю:

<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).

Колонок в разных подменю может быть разное количество. По этому от фиксированной ширины следует отказаться.

Кто знает как решить эту задачу?

скиньте код цсс чтоб на примере показать
непонятно зачем там position: absolute и лишний <div>
можно попробовать задать для li или а display: inline-block; http://codepen.io/anon/pen/lygru