spacing between background images parts

Question

.cornerBox {    
    background: url(../img/main-part.png) repeat-x top left ;   
    width: 400px;
    height:100px;
    border-radius: 80px;
    padding: 0 0; 
    behavior: url(PIE/PIE.htc);
}

In IE8 between background images parts is spacing 1px, how to remove this space, image width is 28px I want repeat-x

Please provide the link of the image. need to check the image. — Subhajit, Jun 20 '12 at 06:56
http://jsfiddle.net/UM9Ss/ here is code and image, problem is only in IE8 ;) — Wizard, Jun 20 '12 at 07:04

score 3 · Accepted Answer · answered Jun 20 '12 at 07:05

I had created a jsfiddle example with your code, but used some other image. Tested it in IE8 and found there is no issues.

So I believe the problem may be with your main-part.png. The image may have a white border or something. Double check your image.

EDIT:

No issues with your image also. CLICK ctrl+0 on IE to make sure you are viewing in 100%

score 0 · Answer 2 · edited Dec 17 '14 at 21:42

0

I had similar problem with two divs with background images next to each other. I solved it by assigning:

background-size: cover

Which stretched your image to cover the entire div

edited Dec 17 '14 at 21:42

Pokechu22

4,984
9
37
62

answered Dec 17 '14 at 21:20

user1313994

1

spacing between background images parts

2 Answers2