title: Can you make a CSS <header> element into a link?
body: <p>I have a site that has a <code>&lt;header&gt;</code> which is styled so that the header graphic is the <code>background-image</code>. I would like to have the header link to the home page. </p>
  
  <p>Is there an elegant way to do this that will allow me to keep it as a header with a <code>background-image</code>?</p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>#header {
    background-image: url('../images/header.jpg');
    height: 144px;
    display: block;
  }
  </code></pre>