CSS background image inconsistency in IE6 and IE7

Posted by The Machine on Stack Overflow See other posts from Stack Overflow or by The Machine
Published on 2010-04-16T11:54:07Z Indexed on 2010/04/16 12:13 UTC
Read the original article Hit count: 284

Filed under:

css

|

ie6

|

ie7

I have a span that is generated through javascript, with its css class as follows:

.class1{  
  width:25px;
  height:25px;
  background-image: url(pic.png);
  background-repeat:no-repeat;
  background-position: center; 
  cursor:pointer;
  margin-left:10px;
 }

The problem is on, the html page, i can see the pointer -cursor, but not the background image,over the span, in IE7.

In IE6, both get shown , no problems.

© Stack Overflow or respective owner

Related posts about css

HTMLUNIT Facebook javascript warning

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi I am trying to create simple application that would be able to search people on facebook using given e-mail. I am already able to log into an account using the HTMLunit tool and even create a page, which should throw result of my search. But when I try to print the result as XML the file is missing… >>> More
$this->headLink() includes duplicated script

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, Just like I did before, I used the following code for my new project. <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/button.css');?> <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/inputText.css');?> <?=$this->headLink()->appendStylesheet('/Layouts/admin/css/fancyTable… >>> More
How much multiple style sheets slow down to website?

as seen on Stack Overflow - Search for 'Stack Overflow'
Here is 3 css file (one is only for IE) <link rel="stylesheet" href="css/blueprint/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="css/blueprint/print.css" type="text/css" media="print"> <!--[if lt IE 8]><link rel="stylesheet" href="css/blueprint/ie… >>> More
mod_pagespeed is rewriting but not combining

as seen on Stack Overflow - Search for 'Stack Overflow'
I have the following problem. I installed mod_pagespeed but i am not getting the results i want! It does rewrite my css and changes the to the cache url but its not combining the css files. I have seached the web and stackoverflow for it but did not find a solution. Here are the tags <link… >>> More
CSS import or multiple CSS files

as seen on Stack Overflow - Search for 'Stack Overflow'
I originally wanted to include a .css in my HTML doc that loads multiple other .css files in order to divide up some chunks of code for development purposes. I have created a test page: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional… >>> More

Related posts about ie6

IE6 (yes, IE6) css spacing issue

as seen on Stack Overflow - Search for 'Stack Overflow'
Hey Guys I'm basically building this page which obviously works fine in all browsers apart from IE6, where a small space appears below the cart. The background also has a gap in it in IE6, so I'm wondering what my be causing that, as it's probably related to the main issue. The html can be found… >>> More
IE6 + IE7 CSS problem with overflow hidden

as seen on Stack Overflow - Search for 'Stack Overflow'
So I have created a slider for a homepage, that slides some images with a title and teaser text using jQuery. Everything works fine, and I went to check IE and found that IE 6 and 7 kills my slider css completely. I can't figure out why, but for some reason I can't hide the non active slides with… >>> More
Why does IE6 give an "expected Identifier error" when using jQuery $.fn

as seen on Stack Overflow - Search for 'Stack Overflow'
I keep getting an expected identifier error at this line in my code =/ $.fn.myPlugin = $.myPlugin; any idea why this might be happening? >>> More
Transparent PNG menu item backgrounds in IE6 with rollovers

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi I have been trying to do this for what feels like all my life I have a list menu with block display links, each link has a sliding doors png background image. I have used this javascript (http://www.ideashower.com/our_solutions/png-hover/) to implement the alphaimageloader fix for ie6 using a… >>> More
Running IE6, IE7, and IE8 on the same machine

as seen on Stack Overflow - Search for 'Stack Overflow'
Like everyone else ;), I need to test my code on IE6 and IE7. Now IE8 has some great tools for developer, which I'd like to use. I'd also like to start testing my code with IE8, as it will soon be released. The question is: how to run IE6, IE7, and IE8 on the same machine. So far with IE6 and IE7… >>> More