IE正在为背景图像样式添加样式

Question

我附上了一个问题重新创建的屏幕截图。出于某种原因，当我有一个背景图像样式时，IE8从同一个选择器中获取另一种样式，并在背景图像样式后附加它。这导致我的某些页面出现问题。

我的HTML很简单：

<div>test</div>

我的CSS（在head标签中）是：

<style type="text/css">
div {
height: 200px;
width: 200px;
background-image:url("breadcrumb_location.jpg");
border: 1px solid green;
font-family:"Courier New", Courier, monospace;
}
</style>

在这里你可以看到IE8中的开发者工具，为什么边框出现在背景图像样式的同一行的末尾？作为一种解决方法，我知道我可以创建一个单独的选择器（例如div {background-image：url（“some-image.jpg”）;}）但我不想全部这样做。

Answer 1

我发现如果我使用完整的背景速记，这个bug就会消失。这也不是一个理想的解决方案，因为我的页面上有很多背景图像，最终它会添加我认为不必要的css，从而产生更大的css文件（是的，每一位都很重要，特别是当你可能有数百或更多的背景图像时整个网站的css文件。）

无论如何，除非有人能为这个bug建议更好的修复（如果其他人不知道CSS简写），修复程序正在将背景图像更改为：

background: white url("breadcrumb_location.jpg") no-repeat top left;