Dotted image border

Here's a quick one. I am sure that you wanted to use different styles of image borders like dotted border style. The trouble is that css dotted border doesn't render well in all browsers.

So, I am presenting a little workaround to achieve various border effects.
What you need is a little pattern background image. And then:

1. Place an image inside a container. (I prefer

)
2. Define a background image for a container
3. Give the container 1px padding.

It’s that simple!