title: How to add brackets (a) to ordered list? compatible in all browsers
body: <p>I have to show like </p>
  
  <p>(a)</p>
  
  <p>(b)</p>
  
  <p>(c)</p>
  
  <p><strong>Update:</strong> </p>
  
  <p>I found a CSS way</p>
  
  <pre><code>ol {list-style-type: none;}
  li:before {content: "(" counter(section, lower-alpha) ") ";}
  li { counter-increment: section;}
  </code></pre>
  
  <p>but it not works in IE 7 and lower. </p>