这段代码，为什么“吃早饭”、“吃午饭”的样式不显示
- HTML code
<html>
<style type="text/css">
*{margin:0;padding:0}
body{ font-family:宋体,Arial,Helvetica,sans-serif; font-size:12px; color:#404040;}
a{ text-decoration:none; color:#1a66b3; }
a:hover{text-decoration:underline;color:#1a66b3;}
img{border:0}
* ul,* ol,* li {list-style:none}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal}
.dashed{line-height:1px; height:1px; font-size:0px;}
.dot{ letter-spacing:-3px;}
.clear{ clear:both;line-height:0px;height:0px;font-size:0px; }
#header {position:absolute; top:30px; left:300px; width:1020px; height:200px; }
#site-nav{background-repeat:repeat-x;background-position:0 -44px;width:auto;min-width:950px; background-color:#eeeeee;}
#site-nav-bd{position:relative;width:950px;margin:0 auto;height:22px;line-height:22px;margin:0 auto;padding:2px 0;z-index:10000;color:#000;}
.h2{font-size: 13px;padding: 2px 20px 2px 20px;}
.guangyijie{width:109px;height:20px;text-align:center;font-size:14px;}
article,header,footer,nav{display:block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}/* Hides from IE-mac \*/* html
.clearfix{height:1%;}
.clearfix{display:block;}
.top-header{width:1000px;height:200px;margin:0 auto;}
.top-header .top-banner{width:100%;height:40px;text-align:center;_margin-top:-1px;}
.top-header .top-banner img{vertical-align:middle;}
.top-header .masthead{position:relative;width:100%;height:130px;}
.top-header .piaoyangdehaizeiqi-logo{height:60px;position:absolute;top:30px;left:3px;font-size:60px;font-weight:bold;line-height:60px;margin:0;}
.top-header .channel-wrap{width:100%;height:55px;border-bottom:2px solid #f27b04;position:relative;}
.top-header .channel-wrap .vertical-channel{height:24px;padding:31px 0 0 5px;}
.top-header .channel-wrap .vertical-channel li{font-size:14px;font-weight:bold;float:left;height:24px;line-height:23px;
line-height:26px\0;*line-height:22px;_line-height:24px;overflow:hidden;}
.top-header .channel-wrap .vertical-channel a{display:inline-block;}
.top-header .channel-wrap .vertical-channel a span{padding:0 15px;float:left;color:#d84600;height:24px;vertical-align:middle;
*height:22px;_height:24px;*padding-top:2px;_padding-top:0;}
.top-header .channel-wrap .vertical-channel .select{position:relative;margin-right:3px;}
.top-header .channel-wrap .vertical-channel .select a{background-color:#F27B04;}
.top-header .channel-wrap .vertical-channel .select a span{color:#FFF;}
.top-header .channel-wrap .vertical-channel .select .rc-lt,.top-header .channel-wrap .vertical-channel .select .rc-rt{_top:-1px;}
.top-header .channel-wrap .vertical-channel a:hover{background-position:0 -384px;background-color:#FFF8E2;text-decoration:none;}
.top-header .channel-wrap .vertical-channel a:hover span{background-position:right -54px;cursor:pointer;}
.top-header .channel-wrap .vertical-channel .select a:hover{background-image:none;background-color:#F27B04;}
.top-header .channel-wrap .vertical-channel .select a:hover span{background-image:none;}
.publish_wrapTop {margin-left:30px;width:760px;color:#404040;font:12px/18px "\5b8b\4f53",Arial; }
.publish_wrapTop a{ text-decoration:none; color:#1a66b3; }
.publish_wrapTop a:hover{text-decoration:underline}
.slide_adTop {top:10px;border:1px solid #edd8b0;height:126px;margin-bottom:10px;position:relative;width:680px;}
.slide_adTop .left_page{height:126px;width:30px;position:relative;background-color:#fff0d9;}
.slide_adTop .left_page .ziti{font-size:17px;color:#f74551;font-weight:bold;}
.slideitemTop {float:left;margin-left:12px;overflow:hidden;width:200px;}
.slideitemTop .pic {border:1px solid #e0e0e0;float:left; height:60px;width:200px;}
.slideitemTop .pic a {display:block;height:60px;overflow:hidden;text-align:center;width:200px;}
.detailTop {float:left;overflow:hidden;width:212px;text-align:center;}
.detailTop .title {color:#c30;font-family:Arial;font-weight:bold;}
</style>
<base target="_blank" />
</head>
<body>
<div id="site-nav" role="navigation"><div id="site-nav-bd">abc</div></div>
<header class="top-header">
<article class="masthead">
<table><tr><td width="185px">
<div><a href="./main.html" target="_self">
<img src="./sucai/T1ogqgXfXeXXXXXXXX-168-44.jpg" alt="abc">
</a></div></td>
<td>
<div class="publish_wrapTop clearfix">
<div class="slide_adTop">
<table><tr><td class="left_page" height="126px" width="30px"><span class="ziti"> ABC<br>和<br> DEF </span></td>
<td height="126px">
<table><tr><td class="slideitemTop"><div class="pic"><a target="_blank" href="./1030005.html" title="Begin"><img src="./sucai/1030005Logo.jpg"></a></div></td>
<td class="slideitemTop"><div class="pic"><a target="_blank" href="./1060004.html" title="ABCDED"><img src="./sucai/1060004Logo.jpg"></a></div></td>
<td class="slideitemTop"><div class="pic"><a target="_blank" href="./1030008.html" title="ABCDEF"><img src="./sucai/1030008Logo.jpg"></a></div></td></tr>
<tr><td class="detailTop"><div class="title">ABCDEF</div></td><td class="detailTop"><div class="title">ABCDEF</div></td><td class="detailTop"><div class="title">ABCDEF</div></td></tr>
<tr><td class="detailTop">ABCDEF</td><td class="detailTop">ABCDEF</td><td class="detailTop">ABCDEF</td></tr>
<tr><td class="detailTop">EEEEE</td><td class="detailTop">EEEEEE</td><td class="detailTop">FFFFF</td></tr>
</table></td></tr></table></div>
</div>
</td></tr></table></article>
<nav class="channel-wrap">
<ul class="vertical-channel clearfix">
<li class="select"><a target="_self" href="javascript:void(0);"><span>吃早饭</span></a><b class="rc-lt"></b><b class="rc-rt"></b></li>
<li style="width:90px;"><a href="./clothes.html" title="吃午饭"><span>吃午饭</span></a></li>
</ul></nav>
</header>
</body></html>