Image wrap problem...

[IamAdam]

I have a box like this:

    #right-slide {
               position: absolute;
        z-index: 0;
        left: 830px;
        width:160px;
        height:1500px;
            text-align:center;
        background:#333333;
        border-left:2px solid #ccc;
        }

I want to add a smooth border at the top, so I added an image. I want the image to cover the 160 pixels of the box width + the 2 pixel border. So here's my picture:

    #right-swing {
        position: relative;
        z-index: 1;
        right: 2px;
        width: 162;
        height:75px;
        }

It works everywhere except in IE6. IE 6 just adds 2 pixels to the width of the box...
So if I make the border 10 px, and the picture 170 px, IE 6 will add 10 pixels to the box...

How can I solve this?

[Kravvitz]

Try this.

    #right-swing {
        position: relative;
        margin-left: -2px;
        width: 162px;
        height:75px;
        }

[IamAdam]

hey! it works!

thank you