[HTML]Problem z wypunktowaniem Opcje

[obelix94]

[HTML] pobierz, plaintext 
<ul><li>Mojego autorstwa
<ul>
<li>Kobieta w oknie</li>
<li>Biedak i kobieta</li>
<li>Do Jana Pawła II</li>
<li>Nasze lekcje</li>
<li>Szkoła</li>
</ul>
</li>
<li>Innych autorów</li>
</ul>
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
#mainContent ul {
 color:#028032;
}
 
#mainContent li {
 /*background:url(images/li_bullet.gif) left center no-repeat;*/
        list-style-type: disc;
        list-style-image: url(images/li_bullet.gif);
 font-size:1.2em;
 	color:#333;
}
 
#mainContent li a {
  	font-style: normal;
  	text-decoration:none;
   	color:#028032;
}
 
#mainContent li a:hover {
  	font-style: none;
  	text-decoration:underline;
}
[HTML] pobierz, plaintext 

Powyższe kody opowiadają za moja listę wypunktowania. Ten pierwszy to html, drugi css. Niestety w zagnieżdzaniu listy li lista nie zagnieżdza się, tzn. występuje w jednej lini. Pionowo, bez wcięcia zagnieżdzonej listy. Co jest źle że sie tak dzieje?