title: HTML Emails: fallback for mso conditional?
body: <p>If you're like me, your eye will be twitching by the end of reading this. I don't blame you.</p>
  
  <p>Our client has requested us to develop a responsive HTML email template, with two specifications:</p>
  
  <ol>
  <li>Using as few images as possible</li>
  <li>Using as many "fancy css-enabled features" as possible. Mostly, this just means rounded corners on boxes.</li>
  </ol>
  
  <p>This question is specifically about executing the rounded corners. Gmail and Apple support CSS rounded corners, and Outlook requires vector graphics. For the remaining platforms, they're ok with using square edges.</p>
  
  <p>Here's how we're detecting and executing outlook:</p>
  
  <pre><code>&lt;!--[if mso]&gt;&lt;v:shape&gt;...&lt;/v:shape&gt;&lt;![endif]--&gt;
  </code></pre>
  
  <p>Works like a charm, even back to Outlook 2000. The problem is, I can't figure out how to create a fallback. Intuition says this:</p>
  
  <pre><code>&lt;!--[if !mso]&gt;...&lt;![endif]--&gt;
  </code></pre>
  
  <p>but it just gets ignored outright as a comment by most other email clients, and then corners are missing from the boxes altogether. I ask you, fine members of the SO community: is it possible to deploy markup for all platforms <em>except</em> MSO? Perhaps there's a more clever way to accomplish this that I haven't considered? Or is email HTML still too stone-age to attempt something like this?</p>