title: font size displaying different on IE 11 than other browsers
body: <p>I have a site I'm working on where I have some text that needs to view close to the same size on all browsers.  I'm using 1.6em as the font size in the pics below.  The problem is that in IE 11 the font appears way larger than in it does in Chrome/FF/Safari.  I have tried every font sizing option I can think of, such as; px,vh,vw,vmin,% but, all still render larger in IE 11 than all other browsers.  Does anyone know a good work-around for this?  </p>
  
  <p>Not sure if it makes a difference but I am using a google font instead of a regular font.</p>
  
  <p>Sample in Chrome (this is how it should look)
  <img src="https://i.stack.imgur.com/kADyK.jpg" alt="enter image description here"> </p>
  
  <p>Sample in IE 11 
  <img src="https://i.stack.imgur.com/gnyAl.jpg" alt="enter image description here"> </p>
  
  <p>My HTML:
  </p>
  
  <pre><code>&lt;div class="banner-wrap"&gt;
       &lt;div&gt;
            &lt;h1&gt;Where Compassion Lives&lt;/h1&gt;
       &lt;/div&gt;
       &lt;img class="banner" src="assets/images/banner_title_home.png"&gt;
       &lt;img class="greg" src="assets/images/greg-transparent.png"&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>MY CSS:
  </p>
  
  <pre><code>.banner-wrap {
       position: relative;
       width: 100%;
       max-width: 796px;
       margin-top: 0px;
       margin-right: auto;
       margin-bottom: 0px;
       margin-left: auto;
  }
  .banner-wrap div {
       font-size: 1.6em;
       position: absolute;
       bottom: 59px;
       left: 0px;
       width: 100%;
       height: auto;
       z-index: 40;
       font-family: 'Kaushan Script', cursive;
       color: #FFF;
       letter-spacing: 0.2em;
       opacity: 0.9;
       text-align: center;
       text-shadow: 1px 1px 1px #999;
  }
  .banner-wrap img.banner {
       position: absolute;
       bottom: 59px;
       left: 0px;
       width: 100%;
       height: auto;
       z-index: 30;
  }
  .banner-wrap img.greg {
       position: absolute;
       bottom: 30px;
       right: -50px;
       width: 19vmin;
       max-width:180px;
       height: auto;
       z-index: 40;
  }
  </code></pre>