title: Placeholder not working in IE10
body: <p>html:</p>
  
  <pre><code>&lt;div class="div-input"&gt;
      &lt;input type="text" id="loginname" name="username" value="" maxlength="25" 
          class="form-input" placeholder="Username"
      /&gt;
  &lt;/div&gt;
  &lt;div class="div-input"&gt;
      &lt;input type="password" id="loginpassword" name="password" maxlength="25" 
          class="form-input" placeholder="Password"
      /&gt;
  &lt;/div&gt;
  &lt;div&gt;
      &lt;input type="submit" name="login" value="LOGIN" class="form-button" 
          onclick="return check_login(&amp;quot;/&amp;quot;)" 
      /&gt;
      &lt;span id="logInfo"&gt;&lt;/span&gt;&lt;span style="display: none;" id="overlay"&gt;&lt;/span&gt;
      &lt;span style="display: none;" id="popup"&gt;
          &lt;img src="/public/images/loading.gif" /&gt;
      &lt;/span&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>My problem is that the placeholder is working fine in all browsers, for IE8 and IE9 I used Javascript to solve it, but in IE10 the placeholder is working, but not in a correct manner.</p>
  
  <ol>
  <li><p>What happens is that on page load, if <code>Placeholder</code> is the placeholder, I get only <code>Placeholde</code> as placeholder in IE10 (last letter disappears), but if I click in the input box and outside the page it shows the correct placeholder as <code>Placeholder</code>.</p></li>
  <li><p>If I type any word in the input field I am getting a cross symbol (close symbol) at the corner in the input field which is happening only in IE10.</p></li>
  </ol>