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

Question

i have an eclipse plugin app.I have implemented a new maven like wizard that is attached to the existing Eclipse wizard using the method addPages, and i didn't do any changes to the main wizard.When i am on the main wizard and click "Create new maven like project" it's doesn't load my wizard very quick (there is a method inside my wizard page that slows down the opening) so i want to implement a progress bar in the main wizard that traces the progress of opening my wizard, how can i do that?

Solution 1

Seems like this one's been pretty well answered, but I'd like to add:

Works in IE:

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

Works in Firefox and Chrome but does not work in IE:

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

Without knowing IE needs that space (which seems like very marginal formatting) you can waste seeerious time, non?

Solution 2

The order of attributes are wrong as i see. You need to put transparent in the beginning.

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

Comments

[Nick Woodhams]

Even with that changed, it still doesn't make a difference.

[Barbaros Alp]

Hmm did you also try to fix border values. border:solid 1px #ddd; I am not sure about the sliding doors but as far as i know just one of them has display:block; I mean just span or just button I hope it works

[Barbaros Alp]

I forgot to mention about the border, i wanted to say the order of border property: solid 1px #ccc; type | width | color

[Nick Woodhams]

With the border attributes changed, the background still does not appear. Feel free to check at motolistr.com. I'm really really stumped.

[Barbaros Alp]

It is all OK on FF,Chrome. Just IE breaks it up. I ll check it and write you back

[Barbaros Alp]

I guess there is something wrong with your "stylesheet.css". IE doesnt even see your classes after ".mail_item:hover" where #search_sort just after it.

[Barbaros Alp]

I have found the problem. In your mail_item class you have an extra " sign. If you delete it problem should be over.

[Ben]

+1 Yuuuup this worked for me. Using compressed CSS which had removed the space. And oui.

[DrewT]

Definitely a potential problem for anyone using compressed / minified CSS :(