И судя по вашему примеру он всеравно все выводит.... ПОлынй код в теге body таков.
<body>
<form style="width:800px; ">
<img src="img/mod.jpg" height="38px" width="129px" onClick="Mod()" onmouseover="this.style.opacity=0.4;"
onmouseout="this.style.opacity=1;">
</form>
<li>Level 1 list element</li>
<ul>
<li>list element</li>
<li>Level 2 list element</li>
<li>list element</li>
<li>Level 2 list element</li>
<li>Level 2 list element</li>
</ul>
<li>Level 1 list element</li>
<ul>
<li>list element</li>
<li>Level 2 list element</li>
<li>list element</li>
<li>Level 2 list element</li>
<li>Level 2 list element</li>
</ul>
<li>Level 1 list element</li>
<ul>
<li>list element</li>
<li>Level 2 list element</li>
<li>list element</li>
<li>Level 2 list element</li>
<li>Level 2 list element</li>
</ul>
</body>
И вот видимо в массив outList он помещает вообще все названия. А не только 3 заголовка.