Html IE在visual studio中的调试和在服务器上的调试之间显示页面的方式不同

这是问题的继续

我有一个ASP.NET应用程序，当在IE8中以调试方式查看时，与在发布的测试服务器位置上显示时，某些部分的显示方式不同

当我在Debug（通过VS 2010）中查看页面时，我看到：

但是，当我发布到服务器并直接查看它时，它看起来是这样的：

标题框的文本背景颜色仅为黑色，而不是整个部分

以下是CSS：

.imageBox
{
    position: relative;
    float: left;
    border-style: solid;
    border-width: 1px;
    text-align: center;
}

.imageBoxTitle
{
    width: 100%;
    background-color: #333333;
    padding: 5px;
}

.imageBoxTitleLbl
{
    font-family: Verdana;
    font-weight: bold;
    font-size: small;
    color: White;
}

下面是生成的HTML

 <div class="imageBox">
    <div class="imageBoxTitle">
        <span id="MainContent_ImagesPanel_ImageHolder1_ImageBoxTitleLabel" class="imageBoxTitleLbl">ITEM OVERVIEW</span>
    </div>

    <div class="imagePlaceHolder">
        <p class=".centeredImage"><a id="MainContent_ImagesPanel_ImageHolder1_ImageHyperLink" href="UserImages/nu5t3hhs.jpg" target="_blank"><img src="UserImages/nu5t3hhs.jpg" height="200" width="200" /></a></p>
        <span id="MainContent_ImagesPanel_ImageHolder1_CustomValidator1" style="color:Red;visibility:hidden;">*</span>
    </div>

    <div class="imageAction">  
    </div>
</div>

项目概述

*

所以我认为这可能是某种缓存问题。但是，如果我对CSS做了一些细微的更改（例如更改背景色），它会将其拾取并显示出来。此外，我还为css文件的查询字符串添加了一个动态生成的GUID，因此它们永远不会被缓存。Fiddler确认它们也没有被缓存

当通过VisualStudio调试查看页面与直接从服务器访问页面时，IE呈现HTML/CSS的方式似乎有所不同

什么因素可能导致这种行为

---

更新：当我在发布服务器上的Chrome或Firefox中查看页面时，页面显示正确。我已清除IE缓存（ctrl-f5）、从服务器上删除.css并重新加载等。

当IE在本地主机上呈现时，它将使用标准兼容模式

但是，当它在内部网上呈现时，它将使用兼容模式

别问我为什么它会这样做，这只是为了给我们的开发者生活增添情趣而武断的事情之一

只需将此添加到标题中，即可强制IE进入标准兼容模式：

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

---

享受：）

完全归功于容格弗里克

IE8以不同的模式运行，这取决于它访问的是本地主机上运行的站点还是其他服务器上运行的站点。我知道这很奇怪。我以前也遇到过这个问题。使用开发工具（F12）并检查浏览器运行的模式（Quirks、IE7标准、IE8标准、IE8兼容性）

---

缓存？尝试用Ctrl+F5刷新，guid可能不是很高。你确定，这是一个好的css文件吗？也许你没有把更新后的css放在服务器上（我想确定一下，因为大多数时候这些问题都很容易解决）我尝试了CTRL-F5，我从服务器上删除了.css文件，我在Fiddler中看到它在检索时返回了200。我已经清除了IE缓存。如果我在Chrome中查看它，它的显示是正确的。你确定这是完整的代码片段吗，因为那是无效的HTML-其中一个结尾

我只添加了关于标题的位。我将把整个部分添加到问题中