Border image

[soblina]

Hi,
I want to set a border image for the middle part of my website. I can set a solid border, ok that's fine. However, I can not use an image for the border. Here is the actual code to update in template.css:

#phoca-middle{
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;
-moz-box-shadow: 0px 0px 3px 0px #aaa;
-webkit-box-shadow: 0px 0px 3px 0px #aaa;
box-shadow: 0px 0px 3px 0px #aaa;
background: #ffffff;
margin: 10px 0px;
}

And I changed it like this to set a border image and it does not show any image:


#phoca-middle {


border-width: 10px 10px 10px 10px;
-moz-border-image: url(../images/a.png) 27 round;
-webkit-border-image: url(../images/a.png) 27 round;
border-image: url(../images/a.png) 27 round;

margin: 10px 0px;

}


I know this is a question about css. However I am not good at css and I don't know how to solve this problem and where to ask. Where is the mistake in my code?

Thanks

[Jan]

Hi, not sure why this is not working for you, maybe you should check if the path to the images is correct