1

Background size not set for only IE. Image showing its original size. Any one help me how to fix it?

CSS:

.menu_icon {
    background: url(../icons/Contacts_normal.png);
    background-size: 22px 22px; 
    background-position: left top;
    background-repeat: no-repeat;
    color: #999;
    font-size: 16px;
    height: 25px;
    line-height: 25px; 
    margin: 10px;
    padding: 0 5px 0 30px;
    text-align: left;
    position: relative;
    white-space: nowrap;
}

HTML:

<div class="menu_icon ui-corner-all"></div>
fedosov
  • 1,989
  • 15
  • 26
krishnakumar
  • 81
  • 2
  • 5

1 Answers1

-3

Internet Explorer 7 does not support background-size. The only alternative is some hax that involves using an <img> and positioning it behind the content.

You should be using IE7 anyway. Your computer should be telling you to update.

Niet the Dark Absol
  • 320,036
  • 81
  • 464
  • 592
  • Just because the OP is using IE7, we can't assume they are the only person accessing their website via IE7. The OP may be looking to support IE7 because of the users who come to their site. – keithwyland May 02 '13 at 04:44
  • 1
    A significantly large proportion of the population still use IE versions lower than 9 or 10. Most of them decide not to update it seems. It is impossible to ignore so many potential users for any project,big or small. That last line was completely unnecessary. – Ronophobia May 02 '13 at 05:15
  • 1
    @Ronophobia: I agree. People have a right to stay on any IE version they like. I also agree that retailers have any right to charge those people that do not like to upgrade but demand a site to work for them as well. See [**Australian retailer charges customers IE 7 "Tax"**](http://www.zdnet.com/blog/networking/australian-retailer-charges-customers-ie-7-tax/2496) Everybody wins. – Nope May 04 '13 at 16:50