[html]Przeglądarki wyświetlają mi listę inaczej niż jest zakodowana Opcje

[sweter]

Witam,
na stronie mam taką lisŧę:

[HTML] pobierz, plaintext 
<ul class="komentarze">
	<li>
		<img src="./img/1.jpg" />
		Pierwszy
	</li>
	<li>
		<img src="./img/1.jpg" />
		Drugi
		<li>
			<img src="./img/1.jpg" />
			Trzeci
		</li>
	</li>
	<li>
		<img src="./img/1.jpg" />
		Czwarty
	</li>
</ul>
[HTML] pobierz, plaintext 

Jak widać trzeci element listy znajduje się w drugim. Niestety przeglądarki wyświetlają mi takie coś:

[HTML] pobierz, plaintext 
<ul class="komentarze">
	<li>
		<img src="./img/1.jpg" />
		Pierwszy
	</li>
	<li>
		<img src="./img/1.jpg" />
		Drugi
	</li>
	<li>
		<img src="./img/1.jpg" />
		Trzeci
	</li>
	<li>
		<img src="./img/1.jpg" />
		Czwarty
	</li>
</ul>
[HTML] pobierz, plaintext 

Powyższy kod znajduję w "pomocnikach" (nie bardzo wiem jak się one nazywają ), które się włącza przez Crtl+Shift+I.
Dodam, że w źródle strony lista jest taka jak w pierwszym listingu.
Pozdrawiam

[Crozin]

Element LI musi być osadzony bezpośrednio w elemencie UL/OL.