CSS - Problema de fondo de árbol de lista

Tengo una lista con varias secciones. Intento que parezca una especie de árbol. Todo comenzó bastante bien, pero no puedo arreglar los últimos bits.CSS - Problema de fondo de árbol de lista

El código se puede encontrar en:

http://jsfiddle.net/Kwfpm/

Aquí es cómo debería funcionar

El primer "Datorer", "Programas de libre evaluación" y "Microsoft" debe estar conectado a el árbol con una línea horisontal.
"Mjukvara" en la parte inferior izquierda debe conectarse a "Kategorier".

Existen algunos problemas repetidos, pero estos deben resolverse si se solucionan los dos puntos anteriores.

Aquí hay un enlace de lo que debe ser similar (sin las cosas se derrumban):

abren y cierran para ver el árbol: http://jquery.bassistance.de/treeview/demo/prerendered.html

Información

I no sé cuántos niveles hay
El HTML no se puede cambiar porque es generado por Wordpress
Use fondos o bordes para mostrar lo que obtuvo.

Si jsFiddle no funcionan puede utilizar esto:

CSS

* { 
    margin: 0; 
    padding: 0; 
} 
.sidebar > ul > li { 
    background: none; 
} 
li { 
    padding-left: 20px; 
    list-style: none; 
    background: url('http://www.jenst.se/images/normal.png') repeat-y 10px 0; 
    color: #333; 
    font-family: Arial; 
    font-size: 13px; 
    line-height: 22px; 
} 
li a { 
    color: #555; 
} 
li:last-child { 
    background: url('http://www.jenst.se/images/lastchild.png') no-repeat 10px 0px; 
}

HTML

<div class="sidebar default"> 
<ul> 
    <li id="categories-10" class="widget widget_categories"> 
     <h4 class="title">Kategorier</h4> 
     <ul> 
      <li class="cat-item cat-item-7"><a href="http://localhost/concepts/addmod/category/sjukt-lang-kategori-som-tar-for-mycket-plats/" title="Se alla inlägg sparade under Datorer">Datorer</a> 
      </li> 
      <li class="cat-item cat-item-3"><a href="http://localhost/concepts/addmod/category/testkategori/" title="Se alla inlägg sparade under Mjukvara">Mjukvara</a> 
       <ul class='children'> 
        <li class="cat-item cat-item-4"><a href="http://localhost/concepts/addmod/category/testkategori/underkategori/" title="Se alla inlägg sparade under Hårdvara">Hårdvara</a> 
         <ul class='children'> 
          <li class="cat-item cat-item-6"><a href="http://localhost/concepts/addmod/category/testkategori/underkategori/underkategori-2/" title="Se alla inlägg sparade under Microsoft">Microsoft</a> 
          </li> 
          <li class="cat-item cat-item-9"><a href="http://localhost/concepts/addmod/category/testkategori/underkategori/bla/" title="Se alla inlägg sparade under Office-paket">Office-paket</a> 
          </li> 
         </ul> 
        </li> 
       </ul> 
      </li> 
      <li class="cat-item cat-item-3"><a href="http://localhost/concepts/addmod/category/testkategori/" title="Se alla inlägg sparade under Mjukvara">Mjukvara</a> 
       <ul class='children'> 
        <li class="cat-item cat-item-4"><a href="http://localhost/concepts/addmod/category/testkategori/underkategori/" title="Se alla inlägg sparade under Hårdvara">Hårdvara</a> 
         <ul class='children'> 
          <li class="cat-item cat-item-6"><a href="http://localhost/concepts/addmod/category/testkategori/underkategori/underkategori-2/" title="Se alla inlägg sparade under Microsoft">Microsoft</a> 
          </li> 
          <li class="cat-item cat-item-9"><a href="http://localhost/concepts/addmod/category/testkategori/underkategori/bla/" title="Se alla inlägg sparade under Office-paket">Office-paket</a> 
          </li> 
         </ul> 
        </li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
    <li id="categories-10" class="widget widget_categories"> 
     <ul> 
      <li class="cat-item cat-item-7"><a href="http://localhost/concepts/addmod/category/sjukt-lang-kategori-som-tar-for-mycket-plats/" title="Se alla inlägg sparade under Datorer">Datorer</a> 
      </li> 
      <li class="cat-item cat-item-3"><a href="http://localhost/concepts/addmod/category/testkategori/" title="Se alla inlägg sparade under Mjukvara">Mjukvara</a> 
       <ul class='children'> 
        <li class="cat-item cat-item-4"><a href="http://localhost/concepts/addmod/category/testkategori/underkategori/" title="Se alla inlägg sparade under Hårdvara">Hårdvara</a> 
         <ul class='children'> 
          <li class="cat-item cat-item-6"><a href="http://localhost/concepts/addmod/category/testkategori/underkategori/underkategori-2/" title="Se alla inlägg sparade under Microsoft">Microsoft</a> 
          </li> 
          <li class="cat-item cat-item-9"><a href="http://localhost/concepts/addmod/category/testkategori/underkategori/bla/" title="Se alla inlägg sparade under Office-paket">Office-paket</a> 
          </li> 
         </ul> 
        </li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
</ul> 
</div>

Fuente

2011-04-12 Jens Törnell

¿Es javascript cualquier opción o también está prohibido? – Marnix

@Marnix CSS es preferido, pero aceptaría una respuesta de Javascript que funcione. –

¿Quieres escribirlo tú mismo? Porque en realidad encontré muchas herramientas geniales para TreeView para javascript. – Marnix