title: IE padding-right issue with bg image in input
body: <p>I am facing an issue with IE browser (all versions till IE 10). <strong><a href="http://jsfiddle.net/DZAKg/" rel="nofollow">Issue</a></strong> </p>
  
  <p>Text in input box is overlapping its background image. I cant put this image in parent div as its a dynamic input box and having lot of other functionality. and i cant increase the width of textbox than 100px and value is about 50 characters.</p>
  
  <p>pls help.</p>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.some {
  background:url(http://cmsresources.windowsphone.com/windowsphone/en-us/How-to/wp8/inline/hardware-icon-search-button.png) no-repeat right center;
  padding:1px 15px 1px 1px;
  border:1px solid #ccc;
  width:100px;
  color:red;
  overflow:hidden;}
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input type="text" class="some" value="I am a messy input box" /&gt;
  </code></pre>