我今天遇到了这样一个问题，拿出来和大家分享一下。我的网站导航栏在不同的浏览器下，显示状态不一样，有的显示正常，有的显示如图，背景在下，导航在上，这究竟是怎么回事呢？开始我也不知道，后来发现应该是dede织梦模板浏览器的兼容问题。

      当然这里不排除也有可能是网站的问题。像遇到这种情况您可以这么解决：

/*包含头*/
@import url("all.css");

/*主页特殊模块*/
.undis{display:none;}
.fod h5{margin:0;font-size:12px;font-weight:normal;}
#pslink{ float:left; margin-left:10px; width:426px; height:244px; border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
#pslink h5{font-size:12px;color:#444;width:67px;line-height:28px;height:27px;text-align:center;float:left;background:url(../CNL_images/LM_AN02.jpg) no-repeat;cursor:pointer;}
#pslink h5.s{ width:67px; height:34px; background:url(../CNL_images/LM_AN01.jpg) no-repeat;color:#fff;}
#pslink .fod{height:34px;background:url(../CNL_images/LM_BJ01.jpg) repeat-x;}
.dis ul{ margin-top:0px;*margin-top:-20px;}
.dis ul li{ margin:4px 8px; padding-left:13px;width:250px; height:21px; background:url(../CNL_images/HS_Logo02.jpg) 0 6px no-repeat; list-style-type:none; overflow:hidden}
#Ind_New2Z{ margin:36px 0 0 278px; position:absolute; width:150px; height:200px; border-left:1px dashed #999 ;}
#Ind_New2Z img{ margin:1px 15px; padding:1px; border:1px solid #999; display:inline}
#Ind_New2Z dd{ float:left; margin-left:4px; width:144px; height:21px; overflow:hidden}

#phb{ float:left; width:263px; height:313px; border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9;border-bottom:1px solid #d9d9d9}
#phb h5{font-size:12px;color:#444;width:67px;line-height:28px;height:27px;text-align:center;float:left;background:url(../CNL_images/LM_AN02.jpg) no-repeat;cursor:pointer;}
#phb h5.s{ width:67px; height:34px; background:url(../CNL_images/LM_AN01.jpg) no-repeat;color:#fff;}
#phb .fod{height:34px;background:url(../CNL_images/LM_BJ01.jpg) repeat-x;}
.dis2 ul{ margin-top:0px;*margin-top:-20px;background:url(../CNL_images/phbBJ.jpg) 14px 4px no-repeat;*background:url(../CNL_images/phbBJ.jpg) 14px 28px no-repeat;_background:url(../CNL_images/phbBJ.jpg) 14px 28px no-repeat;}
.dis2 ul li{ margin:5px 8px; padding-left:34px;width:216px; height:22px; list-style-type:none; overflow:hidden}
.undis2{display:none;} 这是首页CSS，我只截取了一部分，如果有问题也可能是这里的问题

<div id="meun">
<ul>
<li><a href='{dede:global.cfg_cmsurl/}/'>首页</a></li>
{dede:channel type='top' row='12' currentstyle="<li><a href='~typelink~'><span>~typename~</span></a> </li>"}
<li><a href='[field:typeurl/]' target="_blank"><span>[field:typename/]</span></a></li>
{/dede:channel}
</ul>
<a href='{dede:global.cfg_dataurl/}/rssmap.html' target="_blank"><span style="margin-top:-10px;"> <img src='{dede:global.cfg_templeturl/}/CNL_images/rss.gif'></span></a>

</div>
<div id="meun2">

##form action="{dede:field/}/search.php" name="formsearch" style="text-align:right;">
<input name="keyword" type="text" class="ind_SSright" id="search-keyword" value="输入搜索内容" onfocus="if (this.value == '输入搜索内容') {this.value = '';}" onblur="if (this.value == '') {this.value = '输入搜索内容';}" />
<input class="ind_SSright2" type="image" src="{dede:global.cfg_templeturl/}/CNL_images/SS_an.jpg" />
##/form>

</div>
</div>

<!--头部 End--> 这是模板头部的PHP代码