Переменное значение в CSS
 

Здравствуйте.
Правлю чужой код:
На странице динамически выводится горизонтальное меню (sf-menu), при наведении на пункт меню (li) мышкой выпадает своё подменю (ul) для каждого пункта. Все работает нормально, за исключением того, что подменю любого пункта выпадает не под текущей кнопкой, а в фиксированном месте.
Полез в CSS и нашел следующее:

.sf-menu > li > ul {
margin: 0px 0px 0px;
width: 250px;
padding: 20px;
background: rgb(255, 255, 255) none repeat scroll 0% 0%;
border-radius: 10px;
border: 1px solid rgb(211, 70, 51);
display: none;
left: 16.6%;

}

т.е. положение left зафиксировано на 16%
Как это можно исправить?

Огонек, можно родительскому контейнеру добавить свойство «position:relative», тогда его потомки будут позиционироваться относительно него самого (если они не fixed, конечно).

Nexus
Спасибо большое - заработало!