internet-explorer - CSS 背景 url () 未出现在 IE 中，在 FF/Safari 中有效

Question

我正在为可怕的 IE6 调试我的网站，但我正式被难住了。

Firefox 中的外观:http://dl-client.getdropbox.com/u/5822/firefox.tiff

在 IE6 中的外观:http://dl-client.getdropbox.com/u/5822/ie6.tiff

实时站点:Motolistr.com

以下 CSS 在 FF 和 Safari 中运行良好，但在 IE6 中运行不佳。

#search_sort{
background-image:url('../images/nav/bg-form.jpg');
padding:10px; 
border:1px solid #d13a3b;
margin-top:5px;
}

以下 CSS 在 IE6 中确实有效，而且看起来完全相同......(wtf)

#email_seller{
border:1px solid #d13a3b;
background-image:url('../images/nav/email-form-bg.jpg');
}

此外，我的链接/跨度按钮也没有出现 - 我认为这是同一类型的问题。

a.button {
    background: transparent url('../images/nav/button_bg_right4.gif') no-repeat scroll top right;
    color: #000;
    display: block;
    float: left;
    font: normal 18px arial, sans-serif;
    height: 36px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('../images/nav/button_bg4.gif') no-repeat;
    display: block;
    line-height: 24px;
    padding: 5px 0 7px 18px;
} 

有什么想法吗？

谢谢，尼克

Answer 1

看起来这个问题已经得到很好的回答，但我想补充一点:

在 IE 中工作:

background:transparent url('../images/nav/button_bg4.gif') no-repeat;

在 Firefox 和 Chrome 中工作，但在 IE 中不工作:

background:transparent url('../images/nav/button_bg4.gif')no-repeat;

如果不知道 IE 需要那个空间(这看起来像是非常边缘的格式)，您会浪费大量时间，不是吗？