title: inline border styles in an HTML Email
body: <p>I'm working on a responsive HTML email and I'm having a rendering problem in Gmail ONLY in IE (just had to be!) It works fine in the other 27 client variants. we need to support</p>
  
  <p>I've set up a fiddle here: <a href="http://jsfiddle.net/39gzj/" rel="nofollow">http://jsfiddle.net/39gzj/</a></p>
  
  <p>Now if you look at the code, you will see that there is a border that is grey, which then contains another border that is white. For some bizarre reason, Gmail in Explorer, will not show this border at all, save for the border at the bottom of the sign up bottom. I thought it was something to do with the way that I had coded the border (I'm going off someone elses code, I've only made some minor changes to this) as the border has been done as follows:</p>
  
  <pre><code>border-left-style:solid;border-left-width:1px;border-left-color:#fff;
  </code></pre>
  
  <p>So I changed the way that the border both grey and white to be declared as follows:</p>
  
  <pre><code>border-left-style: 1px solid #fff;
  </code></pre>
  
  <p>But this makes no difference whatsoever. This is driving me insane so please help if you can. I thought it may be something to do with the widths? But having played around with this it just broke the problem in all other clients. Any help would be much appreciated as I may smash my head into my computer screen soon.</p>
  
  <p>Appreciate that this code contains crazy inline styles but this is of course the nature of HTML emails.</p>
  
  <p>UPDATE: Removing the white inner border that is on the <code>&lt;td&gt;</code> elements renders the grey border. Is this something to do with me setting the widths incorrectly?</p>
  
  <p>UPDATE 2 : It's IE9 that this is being rendered incorrectly in. And ONLY for Gmail. </p>