Меню, 2 уровня, не получается без jQuery выборки

Хай пипл. Вобщем проблема с оберткой подменю.

На рисунке показано расположение элементов меню, все нормально верстается кроме обертки подменю. Подменю должно быть точно под началом главного меню, с этим тоже проблемы, если установить позиционирование на меню и дать подменю left: 0 то подменю будет шириной с родителя, а оно должно быть больше.

Может кто поможет, подскажет чего.

Пока что на ум через css ничего не идет. Только через jQuery выборку задавать обертке pos:abs; и высоту равную высоте подменю.

Залил на jsfiddle:
http://jsfiddle.net/zY7CD/

 

Подменю нужно запихнуть в li, для li указать position:relative;
И все будет ок.