Bar menu

[liviu]

Hello

is my first post here so keep to greet everyone.
I have a problem with a css code for a menu bar.
Specifically the bar menu includes a sub menu bar, and this is where the real problem.
Chear if the menu bar contains 6 buttons, the menu from the button or that button appears to the left. Chear if we try to modify and test everything, we did not remedy the problem.
Please help me if you can.
Thank you


#header .nav { width:100%; overflow:hidden;}
#header .nav li { display:inline;}
#header .nav -> ul -> li -> ul -> li
#header .nav li ul{
}
#header .nav li:hover ul{
}
#header .nav li li{
}
#header .nav li ul{ margin:0px;
padding:0px;
display:none;
}
#header .nav li:hover ul{ display:block;
width:160px;
}
#header .nav li li{ list-style:none;
display:list-item;
}
#header .nav ul li
{
display:inline;
height:50px;
float:left;
list-style:none;
margin-left:141px;

position:relative;
}
#header .nav li ul
{
margin:0px;
padding:0px;
display:none;
position:absolute;
}
#header .nav li ul
{
margin:0px;
padding:0px;
display:none;
position:absolute;
left:0px;
top:50px;

}
#header .nav li ul
{
margin:0px;
padding:0px;
display:none;
position:absolute;
left:0px;
top:50px;


}

#header .nav li a { display:block; float:left; background:url(images/nav-bg.png) no-repeat left top; width:141px; height:50px; text-align:center; font-size:1.17em; line-height:50px; margin-right:-1px; color:#fff; text-decoration:none;}
#header .nav li a:hover { color:#f99933;}
#header .nav li a.current { color:#f99933;}
#header .nav li li a { display:block; float:left; background:url(images/nav-bg.png) no-repeat left top; width:141px; height:50px; text-align:center; font-size:1.17em; line-height:50px; margin-right:-1px; color:#fff; text-decoration:none;}
#header .nav li li a:hover { color:#f99933;}