title: Make the header image fit the container, nothing seems to work
body: <p>Nothing seems to be working for me. But what I would like to do is make the header image fit to the size I'd like, which is the container. Heres the actual page link: <a href="http://zor-the-roleplay-helper.tumblr.com/definitions" rel="nofollow">this</a>. 
  And heres the jsFiddle here: <a href="http://jsfiddle.net/Zorabelle/f7DRh/" rel="nofollow">http://jsfiddle.net/Zorabelle/f7DRh/</a>.</p>
  
  <p>I think this is what I have to fix but I just don't know.</p>
  
  <pre><code>/*HEADER IMAGE DETAILS - HEADER MUST BE 921PX WIDE*/
  .header {
          background-image: url(http://media.tumblr.com/aceb30d864925524ee215c0d6f88e1bc/tumblr_inline_mu0br62w4R1s7znag.gif);
          background-repeat:no-repeat;
          height:200px; /*CHANGE TO THE HEIGHT OF YOUR BANNER*/
          }
  </code></pre>
  
  <p>I want the 'Define the Term' header to fill up that whole space. Help?</p>