Форум сайта MyRusakov.ru

Делаю горизонтальное меню с вертикально выпадающими подпунктами. Вопрос: Почему, если я к нескольким основным пунктам делаю подпункты, все они отображаются в одном месте - там где крайние левые подпункты? Код прилагаю:

header ul{position:absolute; top:112px; left:0px; list-style:none; width:960px; height:47px; text-align:center;
text-transform:uppercase; background: url(../images/menu_top_bg.jpg); font-size:20px; color: #003548;
font-family:inherit; font-size:22px;}
header ul li{float:left; height:47px; list-style:none;}
header ul li a{color:inherit; display:block; text-decoration:none; padding:10px 22px;}
header ul li a:hover{color: #d40a10;}
header ul .current{ color: #d40a10;}

header ul li ul{position: absolute; top:50px; left:-10000px;}
header ul li:hover ul{ position: absolute; top:45px; left:0px;width:250px; z-index:100000;}
header ul li ul li{float:none; margin-left:0px; width:250px; height:30px; font-family: Arial; color: #000; font-size: 14px; background: #ccc; text-align:left;}

Вас может смутить, что вместо display:none display: block я использую left:-10000px; left:0px , но в моем случае это не сыграло разницы - подпункты, которые правее, продолжают "наезжать" на то же место, где должны показываться крайние левые подпункты

Прошу прощения, разобрался сам - нужно было родительским li сделать position relative