[xhtml] zagniezdzone li Opcje

[1010]

Witam,
Stworzyłem dla własnych potrzeb taką oto grafike:
http://www.e-grafik.pl/images/gallery/n25c...9089de519cc.png

I jak już pewnie zauważyliście po prawej stronie mam menu dwu poziomowe.

I chciałbym aby w html kod wygladal tak:

[HTML] pobierz, plaintext 
<ul>
   <li>Strona Główna</li>
   <li>Jakis dział
      <ul>
         <li>jakis dzial 2 rzedu</li>
         <li>kolejna podkategoria</li>
         <li>i jeszcze jedna</li>
      </ul>
   </li>
   <li>cos tam dalej</li>
   <li>i jeszcze cos</li>
   <li>to juz koniec</li>
</ul>
[HTML] pobierz, plaintext 

Oczywiście trzeba do nich przypisać odpowiednie style.

I teraz jak zrobić, aby pod każdym głównym li (tylko głównym) pokazywala sie linia?

Z góry dziękuje za pomoc.

[gekon]

Z palca:

[HTML] pobierz, plaintext 
ul li { border-bottom:1px solid #FFF; }
ul ul li { border: none;}
[HTML] pobierz, plaintext