Search code examples
htmlcssbehaviorcss3pie

spacing between background images parts

.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

Solution

  • 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%