Question

Possible Duplicate:
Give a CSS styled div a “border-left-image”

Im trying to put a border on a div, to the left and to the right of the div.

HTML:

 <div id="containerscontainer"><div>

CSS:

#containerscontainer {
    width: 970px;
    margin: 0 auto;
    padding: 0px 0px 0px 0px;
    background-color:#000;       
    border-left-image:url('/gfx/bkshadleft.png');
    border-right-image:url('/gfx/bkshadright.png');
}

but for some reason in chrome i can see im getting error unknown property name? why is this? am i not doing it right?

Fiddle example: http://jsfiddle.net/uzi002/8dX7R/3/

Answer 1

To work in Chrome, you need to name the style:

-webkit-border-left-image

See this post: Give a CSS styled div a "border-left-image"