title: Give a CSS styled div a "border-left-image"
body: <p>Just trying to give the main content div on a site a border on the left and right side of the div. Rather than have separate divs for each border, I thought to use the <code>border-left-image</code> capability in CSS3 to make it happen. My code is as follows:</p>
  
  <pre><code>#content {
      background-color: #7FC3F4;
      height: 100%;
      width: 900px;
      border-left-width: 30px;
      border-left-image: url(../images/border_left_gradient.png);
      border-right-width: 30px;
      border-right-image: url(../images/border_right_gradient.png);
      margin-right: 10%;
      margin-left: 10%;
  }
  </code></pre>
  
  <p>Of all the Google searches I've done, I have to yet to come up with an explanation as to why this code isn't valid. Some results return numeric values to be placed after the url, however regardless of what combination of numbers I try, no dice.</p>
  
  <p>Thoughts?</p>