リストが重なります

Google クロームで　見ると　リストを使ってある　サイドバーとWeb教室ページが　おかしいです。

リストタグを使っているところが　重なってしまいます。
サイドバーのリスト部分のHTML
<ul>
<li><h2 style="width: 190px; height: 31px"><a href="goannai/index.html" target="_parent">ご　案　内</a></h2>
</li>
<li><h2>花創人ブログ</h2>
<ul>
<li><a href="http://hanahana-project.cocolog-nifty.com/blog/" target="_parent">お花のブログ</a></li>
<li><a href="http://hanasounin.jugem.jp/" target="_parent">ネット関連日曜塾ブログ</a></li>
</ul>
</li>
<li><h2>ギャラリー</h2>
<ul>
<li>寄せ植え
<ul>
<li><a href="gallary/yoseue-g01/index.html" target="_parent">№１</a>
・ <a href="gallary/yoseue-g02/index.html" target="_parent">№２</a> ・ <a href="gallary/yoseue-g03/index.html" target="_parent">
№３</a></li>
</ul>
</li>
<li>ハンギングバスケット
<ul>
<li><a href="gallary/hanging-g01/index.html" target="_parent">№１</a>
・ <a href="gallary/hanging-g02/index.html" target="_parent">№２</a>
・ <a href="gallary/hanging-g03/index.html" target="_parent">№３</a></li>
</ul>
</li>
<li>教　 室
<ul>
<li><a href="gallary/lesson-g06/index.html" target="_parent">～2006年</a>
・  <a href="gallary/lesson-g07/index.html" target="_parent">2007年</a></li>
<li><a href="gallary/lesson-g08/index.html" target="_parent">　2008年</a>
・   <a href="gallary/lesson-g09/index.html" target="_parent">2009年</a></li>
</ul>
</li>
</ul>
</li>
<li><h2><a href="http://openuser.auctions.yahoo.co.jp/jp/show/auctions?userID=hanasounin&u=hanasounin" target="_parent">ヤフーオークション</a></h2></li>
<li><h2><a href="http://87sounin.jp/mail/index.html" target="_parent">お問い合わせ</a></h2></li>
<li><h2>リ&nbsp; ン&nbsp; ク</h2></li>
<li><h2>サイトマップ</h2></li>
</ul>

リスト部分のCSS
h2{
width:190px;
height:26px;
padding:6px 0px 6px 40px;
margin:0 0 10px -40px;
font-size:100%;
font-weight:normal;
text-align:left;
vertical-align:middle;
background-color:#ccffcc;
background-image:url('h2hed26.gif');
background-repeat:no-repeat;

}
ul{
list-style:none;
}
ul ul{
list-style:none;
width:190px;
height:20px;
margin:0 0 10px -40px;
padding:0px 0px 5px 20px;
background-color:white;
}
ul ul ul{
margin-left:0;
width:160px;
height:20px;
padding:0px 5px 5px 30px;
background-color:white;
}

リストの中に<h2>を　入れたのが　ダメなのかしら
色々やってみたけれど　ギブアップです。

いよいよ　明日で　日曜塾　卒業です。
日曜塾に入った目的は、ほぼ達成されたと思います。
でも・・・・・・
完全に忘れていたことがありました。
2005年から　プロジェクトチームのリーダーとして頑張ってきた
はな花パレードのホームページの更新のやり方をお聞きすること
諸事情で　今年は開催できなくなったのですが2008年の分は　更新したい
2007年は、5万円で業者に更新してもらったんですが、
今までの　想いを込めた花パレHPにしたいので　自分でやりたいです。

FC2の無料サーバーにアップしてあり、管理画面にはアクセスできます。
日曜塾を受講する前の　近藤塾長との面談で
塾長は、ページのソースを見られて「簡単なページだから　すぐできるよ」と言われました。
この時点で、ソース？アルファベットの羅列にしか見えなかったのですが・・・・
今なら　何とかなりそうです　（ちょっと　不安・・・・）
じゅん吉先生　お願いします