title: png image being cut off in header
body: <p>Using a png image for our logo inside the header of our site. The issue I am having is that the text in the logo (which is in the middle of the logo) is being cut off. So right under the word "Resolutions" the second line of text is not completely showing. </p>
  
  <p>Site is located at and logo is in the top left. Any ideas or suggestions on how to resolve this is appreciated.</p>
  
  
  
  <pre class="lang-css prettyprint-override"><code>#eut-main-header,
  .eut-logo {
    height: 125px;
  }
  
  .eut-logo {
    display: block;
    position: relative;
    z-index: 2;
    overflow: hidden;
  }
  
  .eut-position-left {
    float: left;
  }
  </code></pre>