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需要那个空间(这看起来像是非常边缘的格式化)你可以浪费很多时间,不是吗？