title: make a P tag into a link
body: <p>I have a problem. The designer I hired did not separate out the logo and the header and its to late to get it done from him.</p>
  
  <p>so I have a header image which has the sites logo  in it. I want to make this logo <strong>clickable</strong>. You can see the site here: <a href="http://www.stopsweats.org/" rel="nofollow">http://www.stopsweats.org/</a></p>
  
  <p>The code for the logo tag is:</p>
  
  <pre><code>&lt;div id="header"&gt;
  &lt;p id="logo"&gt;
  &lt;a href="http://www.stopsweats.org"&gt;&lt;/a&gt;
  &lt;/p&gt;
  </code></pre>
  
  <p>Here is the CSS, added as per comments</p>
  
  <pre><code>#header {
      background-image: url("http://www.stopsweats.org/wp-content/uploads
  /2010/12/sweatbackground1.jpg");
      border-color: transparent;
      height: 108px;
      padding-top: 2em;
      z-index: -1;
  }
  </code></pre>
  
  <p>So how can I make this into a valid link.?</p>
  
  <ol>
  <li>I don't want to add any visible text as it will look ugly.</li>
  <li>I will change the <code>#logo</code> width and  height and placement as an overlay on the image.  Hope fully that should be ok among all browsers.</li>
  </ol>