HxD Moomenu - problem z aktywnym linkiem

[tomkalon]

Mam problem w następującej sprawie:

http://e.imagehost.org/0007/screen1.png (http://e.imagehost.org/view/0007/screen1) http://d.imagehost.org/0323/screen2.png (http://d.imagehost.org/view/0323/screen2)

Jeśli powiedzmy jestem na stronie głownej, to wszystko wygląda jak na zdjęciu pierwszym - padding-left:15px; Sprawa komplikuje się, kiedy kliknę na link wielopoziomowy, gdy bowim jest aktywny, to wszystkie linki niższego poziomu tracą ten styl. Próbowałem już chyba wszystkiego, ale jestem w stanie zrobić padding tylko dla jednego aktywnego li, a nie dla całej ul i niższych.



/*** EDIT THESE CSS CODES WITH CARE: STARTS
Recommended only to change the Div Tag Id name"#hxdmoomenu" and menus parent ul class ".menuhxdmenu" ***/
.menuhxdmenu,.menuhxdmenu *{margin:0;padding:0;}
div#hxdmoomenu{
position:relative;
z-index:1;}
#hxdmoomenu li li{margin:0;}
.menuhxdmenu {line-height:1.0;float:left;margin-bottom:1.5em;position:relative; z-index:101}
.menuhxdmenu ul{;
padding:0;}
.menuhxdmenu li{float:left;list-style:none;position:relative;}
div#hxdmoomenu li li a, div#hxdmoomenu li.active li a{display:block;padding:0;margin:0;text-decoration:none;float:none;width:98%;}
.menuhxdmenu li ul{float:none;left:-999em;position:absolute; width:170px;z-index:102;}
.menuhxdmenu li:hover ul,
.menuhxdmenu li.sfHover ul{left:0px;top:25px;}
.menuhxdmenu li:hover li ul,
.menuhxdmenu li.sfHover li ul,
.menuhxdmenu li li:hover li ul,
.menuhxdmenu li li.sfHover li ul,
.menuhxdmenu li li li:hover li ul,
.menuhxdmenu li li li.sfHover li ul{top:-999em;}
.menuhxdmenu li li:hover ul,
.menuhxdmenu li li.sfHover ul,
.menuhxdmenu li li li:hover ul,
.menuhxdmenu li li li.sfHover ul,
.menuhxdmenu li li li li:hover ul,
.menuhxdmenu li li li li.sfHover ul{left:170px;top:0px;}
.menuhxdmenu li li{position:relative;float:none;width:100%;}
/*** EDIT THESE CSS CODES WITH CARE: ENDS ***/



#hxdmoomenu{

}

#hxdmoomenu ul{

display:block;
background: url(xxx) repeat-x;

}

#hxdmoomenu ul li{

display:block;
background: transparent;

}

#hxdmoomenu ul li a{
margin:0;
display:block;
float: left;
height: 25px;
line-height: 25px;
color:#edcaa1;
padding:0px 15px 0px 15px;
}

#hxdmoomenu ul li a:hover{
display:block;
background: url(xxx);
color:#e38238;
}

#hxdmoomenu li li.active {
display:block;
color:#e38238;
padding-left:15px;
}

#hxdmoomenu li ul {
margin-top:0px;
margin-left:auto;
width:195px;
}

#hxdmoomenu ul ul ul li{

}

#hxdmoomenu ul ul ul{
background: url(xxx);
padding-top:5px;
}

#hxdmoomenu ul ul {
display:block;
text-align:left;
width:195px;
padding-bottom:5px;
background: url(xxx);
background-position:bottom;
}

#hxdmoomenu ul ul li a{
display:block;
color:#dec2a2;
padding-left:15px;
}

#hxdmoomenu ul ul li a:hover{
display:block;
width:180px;
background: url(xxx);
color:#e1bb7e;
}


#hxdmoomenu ul li.active.parent ul a:hover {
display:block;
}

#hxdmoomenu li.active li a {

}

#hxdmoomenu ul ul ul li a:hover{
display:block;
background: url(xxx);
color:#f6e4cf;
}