title: cross browser css styles-suggestions
body: <p>I have a couple of issues with CSS in IE 11 and mozila which works well in Chrome.</p>
  
  <ol>
  <li><p>Border-Radius issue - works in chrome but not in IE 11</p>
  
  <pre><code>table, td, th {
     border-radius: 25px;
     border-collapse: collapse;
     background-color: #C0C0C0;
     border: 2px solid rgb(255, 255, 255);
  }
  </code></pre></li>
  <li><p>Style sheets applied are working fine in Chrome and IE 11 but not in Firefox. </p></li>
  <li>Tables that are aligned properly in chrome are a little misplaced in IE 11.</li>
  </ol>
  
  <p>What is the best way to fix all these issues. I read quite a few articles on these. I unchecked the compatibility view settings(intranet) option which was one suggestion in an article. But nothing seems to be working out well. </p>
  
  <p>Any leads ? </p>