title: css text-indent on input text doesn't work in internet explorer 10
body: <p>i'm trying to customize a text input with css, i want the text inside it to have a margin of 10px to the left so i use:</p>
  
  <pre><code>#text{
  text-indent: 10px;
  border: 1px solid #333;
  outline: none;
  padding: 0;
  margin: 0;
  width: 168px;
  height: 20px;
  border-radius: 4px;
  }
  </code></pre>
  
  <p>It works in all browsers except for IE10 which seems to ignore the <code>text-indent</code> property, how can i fix it?</p>
  
  <pre><code>&lt;input type="text" id="text" /&gt;
  </code></pre>