Home/ Questions/Q 865601
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-15T09:39:48+00:00

I got a weird bug. In my .css file I have the following rule:

  • 0

I got a weird bug.
In my .css file I have the following rule:

.conf-view a
{
    padding-left: 10px; 
    background-image: url("images/bullet-green.gif");
    background-position: center left;
    background-repeat: no-repeat;
}

The problem is that IE somehow interprets it like this:

.conf-view A /* NOTE - this is copied from the IE-Developer tools css tab. */
    background-image : url(images/bullet-green.gif); PADDING-LEFT: 10px
    background-repeat : no-repeat
    background-position : left center

See the padding-left there?
Now the browser simply ignores the padding rule, resulting in a layout failure..

Is this a known bug? can anyone find a way around it?

Thanks a lot
Kfir

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It appears to be the diferent way it applies background images… On saving out your code and playing with the stylesheet setting the padding to 50 moved the image and the text along so its not that its ignoring the padding, just that its dealing with the positioning of the background image differently.

    funnily enough faileN’s suggestion wasn’t far off of what I did to fix it. If you put “display: inline-block;” then that seems to work in IE7 and FF. Of course you will want to test it has no side effects elsewhere before using it.

    • 0