下部のリストが繰り返されます。

質問

「飲み放題コース」の見出し部分の下部にある、リストの「ソフトドリンク」がHTMLには、1度しか記載していないのに左にずれて「ソフトドリンク」が2度繰り返されてしまいます。「ソフトドリンク」をリストから外すと、「酎ハイ(5種類)」が2度繰り返されてしまいます。<div class="clear"></div>が関係しているのか？と思い、消したりつけたりしてみたのですが、改善されません。
この原因が分かる方がいましたら、教えていただきたいのですが？
分かりにくい説明ですみません。宜しくお願いします。

=============HTML部分==============
<!--飲み放題コース開始-->
<div class="course_box">
<h2>飲み放題コース</h2>
<div class="course_contents">
<img src="images/drink.gif" width="390" height="80" alt="飲み放題コース" />
<h3><img src="images/course11.gif" width="390" height="20" alt="いろいろ飲み放題 お一人様2,100円飲み放題コース" /></h3>
<div class="li_box">
<ul>
<li>オリオンビール</li>
<li>泡盛各種</li>
<li>かめだし紹興酒(ショウコウシュ)中国浙江省紹興市より直輸入!</li>
<li>杏露酒(アンズ酒)</li>
<li>桂花陳酒(ケイカチン酒)</li>
<li>当店オススメ!(赤・白)中国産葡萄をフランスのワイン職人の手によって醸造された中国発の本格派ワイン!
カクテル(18種類)</li>
<li>酎ハイ(10種類)</li>
<li>ソフト・ドリンク(8種類)</li>
</ul>
</div>
<h3><img src="images/course12.gif" width="390" height="20" alt="とりあえずビール1本飲みたい お一人様1,575円飲み放題コース" /></h3>
<div class="li_box">
<ul>
<li>お一人様1本</li>
<li>オリオンビール</li>
</ul>
</div>
<div class="li_box">
<ul>
<p>下記は飲み放題!</p>
<li>泡盛各種</li>
<li>かめだし紹興酒(ショウコウシュ)中国浙江省紹興市より直輸入!</li>
<li>杏露酒(アンズ酒)</li>
<li>桂花陳酒(ケイカチン酒)</li>
<li>当店オススメ!(赤・白)中国産葡萄をフランスのワイン職人の手によって醸造された中国発の本格派ワイン!</li>
<li>酎ハイ(5種類)</li>
<li>ソフト・ドリンク(8種類)</li>
</ul>
</div>
</div>
</div>
<!--飲み放題コース終了-->
</div>
<!--右コンテンツ終了-->
<div class="clear"></div>

=========CSS部分==========

/*==全体の設定=*/
*{
border:none;
text-decoration:none;
margin:0px;
padding:0px;
}

body {
background:url(../images/back.jpg) repeat;
}

#wrpaper {
background:url(../images/naruto_line.gif) repeat-y;
padding:0px;
margin:0 auto;
width:682px;
height:auto;
}

#all{
width:630px;
height:auto;
padding:0px;
margin:0 0 0 26px;
background-color:#FFF;
}

/*==フロート解除==*/
.clear{
clear:both;
}

/*==通常リンク==*/
a{
color: #993399;
text-decoration: none;
}

/*==選択時リンク==*/
a:hover{
color: #CC3300;
text-decoration: none;
}

#big_box{
width:414px;
height:auto;
padding:0px;
margin:0;
float:left;
}

.course_box{
background:url(images/ryu.jpg) no-repeat;
background-position:right bottom;
float:left;
width:414px;
height:auto;
padding:0px;
margin:0 0 12px 8px;
}

/*==右部メニュー==*/
h2{
width:407px;
display:block;
background:url(images/course_mid.gif) no-repeat;
height:24px;
padding:8px 0 0 7px;
margin:0px;
font-size:1em;
color:#fff;
display:block;
clear:both;
}

h3{
text-indent:-2000px;
width:414px;
height:21px;
padding:0px;
margin:8px 0 8px;
}

p{
padding:0px;
margin:0 0 0 0;
}

.course_contents li{
list-style-position:outside;
font-size:0.8em;
padding:0;
margin:2px 0 0 18px;
}

.li_box{
width:396px;
height:auto;
padding:0px;
margin:0 0 0 18px;
}

.course_contents img{
padding:0px;
margin:7px 0 3px 10px;
}

回答No.1

15mm

ＩＥ７で確認しましたが、問題は確認されませんでした。
お使いのブラウザのバグでしょうから、
どのブラウザを使っているか書いたほうがよろしいです。