title: Use image as a border CSS3
body: <p>I need to use an image as a border. I have the image but I am unable to successfully achieve the task.
  I need to use that border to my complete body.</p>
  
  <p>Have a look at my work:</p>
  
  <p><a href="http://jsfiddle.net/A3MBH/" rel="nofollow noreferrer">http://jsfiddle.net/A3MBH/</a></p>
  
  <pre><code>div{
      width: 200px;
      height: 200px;
      border: 5px dotted #000;
      border-radius: 20px;
  }
  
  .image{
      border-width: 25px;
      -moz-border-image: url("http://s17.postimg.org/aftdxgoxn/border.png") 50 40 repeat repeat;
      -webkit-border-image: url("http://s17.postimg.org/aftdxgoxn/border.png") 50 40 repeat repeat;
      border-image: url("http://s17.postimg.org/aftdxgoxn/border.png") 50 40 repeat repeat;    
  }
  </code></pre>
  
  <p>I need to look like the above but using the image.
  Can someone help?</p>
  
  <p>What do I need? I basically need a round border with a drop shadow effect, I tried searching in google but unable to find any related article.</p>
  
  <p>Is this possible to add a dotted border with some radius and have a shadows? Is it possible in CSS3?
  If not then will image work?</p>
  
  <p>Thanks and sorry for my english.</p>