title: How can I make the background behind a <legend> transparent?
body: <p>I can't seem to get the background of a &lt;legend&gt; element to be transparent.  See this jsFiddle: <a href="http://jsfiddle.net/hWZa6/" rel="nofollow">http://jsfiddle.net/hWZa6/</a> (tested in Chrome and Firefox)</p>
  
  <p>The effect I am trying to accomplish is actually moving the &lt;legend&gt; element below the top border of the containing &lt;frameset&gt; element, but nothing I do makes the top border complete.  It is always missing the bit of the line where the legend would be, whether I try to use transparency or position:
  <a href="http://cl.ly/image/1W043h0I3f0A/Edit%20this%20Fiddle%20-%20jsFiddle.jpg" rel="nofollow">http://cl.ly/image/1W043h0I3f0A/Edit%20this%20Fiddle%20-%20jsFiddle.jpg</a></p>
  
  <p>How can I make the area of border where the legend WOULD be, complete?</p>