title: How do I get this header image to scale correctly?
body: <p>I am trying to get this header image to scale to whatever size I need but it's not doing it exactly. Everything on the site is scaling, but the image is like one or two pixels off on the right side.</p>
  
  <pre><code>&lt;div id="headerpic"&gt;&lt;img style="width:100%" src="images/logo2.jpg"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>Is the html</p>
  
  <pre><code>#headerpic
  {
  position: relative;
  height: 100%;
  margin-bottom: 2px;
  }
  </code></pre>
  
  <p>Is the CSS</p>
  
  <p>It looks alright except for the few pixels hanging over. I suspect it might be because of the black border around it, but border="0" does nothing to remove that. Anyone have a clue? Cus I don't...</p>