为什么在IE6、7下样式不显示
这段代码，为什么“吃早饭”、“吃午饭”的样式不显示
<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>