title: CSS Background Image Cut Off
body: <p>I've looked at a other similar thread and can't seem to find the answer.</p>
  
  <p>Look at the shield background image. It's cut off slightly at the top and bottom... I've tried a lot of things but I can't get it to display properly.</p>
  
  <p>Here is the site <a href="http://revivedlife.com" rel="nofollow noreferrer">http://revivedlife.com</a></p>
  
  <p>Here's the css for the background image:</p>
  
  <pre><code>.hentry h2 {
      background: url(images/post_element.png) no-repeat 0 -4px;
      display: inline-block;
  }
  </code></pre>