title: Issues with HTML images in Foundation email not obeying size styles in Outlook
body: <p>I am using Foundation Email to create HTML emails and it is working very well however the footer images are not obeying the CSS I set to limit their sizes. 
  Here is how the footer is injected into the page:</p>
  
  <pre><code>            &lt;/a&gt;
          &lt;/columns&gt;
      &lt;/row&gt;
      {{&gt;footer}}
  &lt;/container&gt;
  </code></pre>
  
  <p>And here is the code in the footer page:</p>
  
  <pre><code>&lt;row class="background-aqua socialLinks"&gt;
      &lt;columns small="3" large="3" &gt;
          &lt;spacer size="16"&gt;&lt;/spacer&gt;
          &lt;a href="http://www.facebook.com/splenda"&gt;
              &lt;center&gt;&lt;img src="http://image.splenda-email.com/lib/fe8f137276650c7e7d/m/1/Facebook+Logo.png"/&gt;&lt;/center&gt;
          &lt;/a&gt;
      &lt;/columns&gt;
      &lt;columns small="3" large="3"&gt;
          &lt;spacer size="16"&gt;&lt;/spacer&gt;
          &lt;a href="http://instagram.com/splenda"&gt;
              &lt;center&gt;&lt;img src="http://image.splenda-email.com/lib/fe8f137276650c7e7d/m/1/instagram.png"/&gt;&lt;/center&gt;
          &lt;/a&gt;
      &lt;/columns&gt;
      &lt;columns small="3" large="3" &gt;
          &lt;spacer size="16"&gt;&lt;/spacer&gt;
          &lt;a href="http://www.pinterest.com/SPLENDA/"&gt;
              &lt;center&gt;&lt;img src="http://image.splenda-email.com/lib/fe8f137276650c7e7d/m/1/pinterest.png"/&gt;&lt;/center&gt;
          &lt;/a&gt;
      &lt;/columns&gt;
      &lt;columns small="3" large="3" &gt;
          &lt;spacer size="16"&gt;&lt;/spacer&gt;
          &lt;a href="http://twitter.com/splenda"&gt;
              &lt;center&gt;&lt;img src="http://image.splenda-email.com/lib/fe8f137276650c7e7d/m/1/twitter.png"/&gt;&lt;/center&gt;
          &lt;/a&gt;
      &lt;/columns&gt;
  &lt;/row&gt;
  </code></pre>
  
  <p>Here is the CSS regarding the footer:</p>
  
  <pre><code>.socialLinks{
      max-width: 700px;
      a{
          max-height: 35px;
          max-width: 35px;    
      }
      img{
          padding:20px 0px;
          width:35px;
          height:35px;
          max-height: 35px;
          max-width: 35px;    
      }
  }
  
  .footer{
      img{
          padding: 45px 0 15px 0;
          max-width:148px;
          height: auto;
      }
      p{
          color:white;
          font-size: 12px;
          line-height: 16px;
          margin: 0;
      }
      .footerLink{
          text-decoration: underline;
          font-weight: bold;
          color:white;
      }
  }
  </code></pre>
  
  <p>All of the other images in the email fit in properly but the images under socialLinks class do not stay 35px. This is only occurring on Outlook and not other email clients. Is there any solution to this or a workaround for Outlook? I know it is known for being pesky with HTML emails so any help is appreciated.</p>