title: Mystery white space underneath image tag
body: <p>I just changed the header image on my site from</p>
  
  <p><code>&lt;div style="background-image... width=1980 height=350&gt;</code></p>
  
  <p>to using</p>
  
  <p><code>&lt;img src="... style="width:100%;"&gt;</code> </p>
  
  <p>so the image would scale down which it now does... </p>
  
  <p>But now I have this mysterious 10px gap or so.</p>
  
  <p>I've checked the inspector in Chrome, and I just can't see what's causing the space. I've searched other posts but can't find anything that applies.</p>
  
  <p>Anyone out there have any idea? Appreciate any help, Bob :)</p>