title: CSS based 50% Transparent border without using transparent image
body: <p>I need to make the border of fancy box transparent after i have made some modifications to it. For some reason i cant make it work with transparent.</p>
  
  <p>I have create a sample example which is somewhat &amp; i want to make the borders of the inner DIV transparent. i tried few thing but did not work. I would appreciate a pure CSS solution without using any transparent images</p>
  
  <p>Example: <a href="http://jsfiddle.net/3Xh3Z/" rel="nofollow">JSFiddle</a></p>
  
  <p>Is their a way we can add Opacity to border</p>