title: Outlook 2010 ,Using <a> tag as a button css
body: <p>I am using a link tag  styled to look like a button in my email . The css for the tag is as follows.</p>
  
  <pre><code>&lt;a href="#"&gt;Submit&lt;/a&gt;
  
  a.submit{
   background: none repeat scroll 0 0 #FF9900;
      border: 1px solid #FF9900;
      color: #FFFFFF;
      display: inline-block;
      padding: 6px;
      text-decoration: none;
  
  
  }
  </code></pre>
  
  <p>The link style works everywhere except in outlook . Where only the text gets the background color</p>
  
  <p>I noticed the same issue in the google+ email too. Their buttons show the same css styling problem in outlook</p>
  
  <p><img src="https://i.stack.imgur.com/a9Rgk.png" alt="google+ link tag styled to look like a button"></p>