<div class="box">
<h3><span><a href="poisk.html"><img src="главная страница.jpg"></a></span></h3>
</div>
<div class="box">
<h3><span>Пунк1</span></h3>
<ul>
<li><div class="box">
<h3><span>Раздел1</span></h3>
<ul>
<li><p><a href="100.html"</a>Подраздел1</p></li>
<li><p><a href="101.html"</a>Подраздел2</p></li>
</ul>
</div></li>
<li><div class="box">
<h3><span>Раздел2</span></h3>
<ul>
<li><a href="102.html"</a>Подраздел1</li>
<li><a href="103.html"</a>Подраздел2</li>
</ul>
</div>

Вот отрывок, получается так что на "Раздел2" вместо раскрывающегося списка стоит ссылка <a href="101.html"</a> , как сделать чтобы раскрывался нормально т ссылки только в нужных местах?
Делаю все локально на комьютере
Я начинающий не судите строго