请问这段导航栏的CSS代码为什么在我的网站无法正确显示！
http://nickyee123.idc6.88dns.org/
#navi2 {
position:absolute;
top:0px;
left:450px;
height:38px;
width:600px;
}
.menul{background:url(../images/top/menul.gif) no-repeat left top;}
.menur{background:url(../images/top/menur.gif) no-repeat right top;height:38px;overflow:hidden;padding:0 0 0 10px;}
#menu{background:url(../images/top//menu.gif) repeat-x left top;}
#menu li{float:left;height:38px;background:url(../images/top/menuli.gif) no-repeat right top; padding:0 6px 0 5px;}
#menu li a{float:left;display:inline;height:38px;line-height:38px;text-align:center;font-weight:bold;color:#fff;padding-left:5px;}
#menu li h3{display:block;padding-right:5px;float:left}
#menu li a:hover,#menu li a.now{text-decoration:none;background:url(../images/top/menuover.gif) no-repeat left top;}
#menu li a:hover h3,#menu li a.now h3{background:url(../images/top/menuover2.gif) no-repeat right top;}
#menu li.last{background:none;}
<div id="navi2">
<div id="menu">
<div class="menul">
<div class="menur">
<ul>
<li><a href="http://www.ducie.net/">
<h3>ホーム</h3>
</a></li>
<li><a href="http://www.ducie.net">
<h3>JBCについて</h3>
</a></li>
<li><a href="http://www.ducie.net">
<h3>交通案内・地図</h3>
</a></li>
<li><a href="http://www.ducie.net">
<h3>よくあるご質問</h3>
</a></li>
<li><a href="http://www.ducie.net">
<h3>English</h3>
</a></li>
<li class="last"><a href="http://www.ducie.net">
<h3>サイトマップ</h3>
</a></li>
</ul>
</div>
</div>
</div>
</div>
