Asp.net 为什么我的菜单在开发中很好，但在生产中却没有？

所以现在我有一个针对.NETFramework4.0的web应用程序。web服务器已安装以下组件

Web服务器：

本地计算机：

所以基本上，当我在本地调试时，我的站点上的菜单显示得很好，并且全部显示在一行上。但是，当我发布到产品中时，我的web应用程序菜单会在一行上显示除最后一项之外的所有内容。我假设这与安装的框架有关，但我不能肯定

应用程序的应用程序池正在web服务器上的4.0版本下运行

编辑

CSS

HTML

---

很抱歉刚刚找到了菜单项。

哇……真正的问题是我的字体没有被应用。然后我意识到字体文件夹甚至没有被发布。因此，我将它们添加到我的.csproj中，在下一次发布时一切都很顺利。

发布您的代码以便我们查看。这可能与许多问题有关，例如环境、版本控制、css等。请显示与菜单相关的代码。使用IE开发人员工具，确保两个环境之间的文档模式匹配。不同的模式将导致CSS的处理方式不同。这不太可能是.Net framework版本问题。@David嗯，我使用了开发人员工具并在本地尝试了文档模式，看起来不错。发布到IIS服务器，然后使用相同的文档模式进行测试，它仍然将其放在第二行。

#content-wrapper{
    margin: 0 auto;
    position:relative;
    width:830px;
    visibility:hidden;
}

.menu {
    height:29px;
    background: #fff;
    width:100%;
    border-top: solid 1px #f53200;
    margin: 10px 0px 0px 0px;
    padding:0px 0px 0px 20px;
    color:#000;
}

.menu a{
    font-family: AvantGarde, sans-serif;  
    text-transform:uppercase;
    font-size:16px;
    letter-spacing:1px;
    float:left;
    text-decoration:none;
    position:relative;
    padding: 6px 13px 6px 13px;
    color:#000;
    display:block;
}


#contact ul {
    list-style:none;
    float:left; 
}

#contact ul li {
    margin:5px 0px;    
}

#contact label {
    color:#fff;
    float:left;    
}

<div class="menu">
    <a  class="home"  href="#home">HOME</a>
    <a  class="about" href="#about-us">ABOUT US</a>
    <a  class="contact" href="#contact-us">CONTACT US</a>  
</div><!--menu-->