title: Subscriber email: GMail is converting height to min-height
body: <p>This is a seemingly known issue when delivering email to Google users: Google changes any "height" declarations to "min-height". This means that images that are stacked no longer "touch" each other without a gap.</p>
  
  <p>Does anyone know of a good work around?</p>
  
  <p>Here's an example:</p>
  
  <pre><code>&lt;div style="height:244px"&gt;
      &lt;img src="http://www.domain.com/images/top.gif" alt="" /&gt;
  &lt;/div&gt;
  &lt;div style="height:266px"&gt;
      &lt;img src="http://www.domain.com/images/bottom.gif" alt="" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Appears as the following in GMail:</p>
  
  <pre><code>&lt;div style="min-height:244px"&gt;
      &lt;img src="http://www.domain.com/images/top.gif" alt="" /&gt;
  &lt;/div&gt;
  &lt;div style="min-height:266px"&gt;
      &lt;img src="http://www.domain.com/images/bottom.gif" alt="" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>So instead of this:</p>
  
  <p><img src="https://i.stack.imgur.com/dpyuc.png" alt="enter image description here"></p>
  
  <p>Two images stacked on each other look like this in GMail:</p>
  
  <p><img src="https://i.stack.imgur.com/hJ9u7.png" alt="enter image description here"></p>
  
  <p>There must be a simple workaround?</p>