title: Gradient Border fade surrounding div with css/html
body: <p>Hi I was trying to figure out how to create a border that fades into the background colour of a div and this is the only solution I could come up with.
  I've googled around and it seems people suggest CSS3 but I was told it was still "under development" and not fully introduced in modern browsers, correct me if I'm wrong, probably am.</p>
  
  <p>Anyway this is the solution I came up with, are there simpler ways of doing it or is this a reasonable approach?</p>
  
  <p>Created numerous divs for each part of the border (as below), and set their background image according to the part of the border: <a href="http://i.imgur.com/sh6Z8.png" rel="nofollow">http://i.imgur.com/sh6Z8.png</a></p>
  
  <p>HTML &amp; CSS: <a href="http://codeviewer.org/view/code:1e4f" rel="nofollow">http://codeviewer.org/view/code:1e4f</a></p>
  
  <p>(New to webdevelopment and stack overflow, sorry if I'm doing anything unorthodox, thanks).</p>