Temat: Równanie treści linku w zagnieżdżonej liście ul li

Trzeba wyrównać do całości te obszary co zaznaczyłem strzałką:




Fragment html:

<nav class="newMenu"><ul>

 <li id="menu-31" class="first-level"><div class="whiteArrowImage"></div><a href="/kategoria/produkty/31,zastawa-stolowa,1"  title="Zastawa stołowa" >Zastawa stołowa</a>

 <ul class="sub" id="submenu-31">

	<li class="submenu-42"><div class="arrowImage current"></div>

 <a href="/kategoria/produkty/42,garnki,1" title="Garnki" class="active">Garnki</a>

  <ul class="sub" id="submenu-42"><li><a href="/kategoria/produkty/851,garnki-do-ryb,1" title="Garnki do ryb" >Garnki do ryb</a></li>

  [...]

  </ul>

</li>

[...]

<li><a href="/kategoria/produkty/54,patelnie-aluminiowe-z-powloka,1" title="Patelnie aluminiowe z powłoką" >Patelnie aluminiowe z powłoką</a></li>

<li><a href="/kategoria/produkty/53,patelnie-stalowe,1" title="Patelnie stalowe" >Patelnie stalowe</a></li>

<li><a href="/kategoria/produkty/405,patelnie-ze-stali-niebieskiej,1" title="Patelnie ze stali niebieskiej" >Patelnie ze stali niebieskiej</a></li>

[...]

 </ul>

 </li>

 [...]

</nav>

Fragment CSS:

.newMenu .arrowImage, .newMenu .whiteArrowImage, .newMenu .current {

    position: static;

    width:12px;

    height:12px;

    background-image:url(/img/accor_arrows_white.gif);

    float: right;

    margin:6px 2px 0px 0px;

    cursor: pointer;

}

.newMenu .arrowImage {background-image:url(/img/accor_arrows.gif);}

.newMenu .current { background-position:0 -12px;}



.newMenu ul, .newMenu .sub { width: 100%; margin: 0px; padding: 0px; overflow: hidden;  list-style-position: inside; list-style: disc cross-fade !important;}

.newMenu ul li.first-level a{ padding: 0 10px;}

.newMenu ul li, .newMenu .sub li { line-height: 2; border-bottom: 1px solid #fff; padding: 0px; margin: 0px; white-space: pre-line; }

.newMenu ul li:last-of-type{ border-bottom: none;}

.newMenu a, .newMenu .sub a{ color:#000; text-decoration: none;  }

.newMenu .sub{ background: #fff; display: none;}

.newMenu .sub a{color:#000; padding-left:10px;}

.newMenu .sub li a { display:block; margin-left: 0px; padding-left: 0px; text-indent: 10px;}

.newMenu .sub a { margin-left: 5px;}

.newMenu .sub .sub a, .newMenu .sub .sub .sub a { margin-left: 15px;}

Robiłem już z: text-indent, list style-inside(outside), paddingami, line-height, positionami, :content() i efektu brak.

Temat: Równanie treści linku w zagnieżdżonej liście ul li

http://stackoverflow.com/questions/10428720/how-to-kee...
?

Temat: Równanie treści linku w zagnieżdżonej liście ul li

Częściowo pomogło /na 1 poziomie/ walcze dalej skoro poszło na 1 poziomie powinno po przeróbkach zadziałać dalej. Dziękuje.