CSS background url () is not displayed in IE, works in FF / Safari

Question

I am debugging my website for scary IE6, but I am officially blocked.

Appearance in Firefox: http://dl-client.getdropbox.com/u/5822/firefox.tiff

Appearance in IE6: http://dl-client.getdropbox.com/u/5822/ie6.tiff

Live site: Motolistr.com

The following CSS works fine in FF and Safari, but not in IE6.

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

The following CSS WORKS in IE6 and it seems identical ... (wtf)

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

In addition, my link / span button is also not showing. I guess this is the same type of problem.

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;
} 

Any ideas?

Thanks Nick

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 ( ), , ?

Answer 2

, . .

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

Answer 3

:

, , ( , ), , , , .

Answer 4

In Internet Explorer, the URL inside CSS refers to the current page. in other browsers, the URL inside the CSS refers to the location of the CSS. Better to use the patch url for both. If you use a Java servlet, you can use a dummy URL and process the request in the background from the servlet.