title: When i change the size of placeholder in textbox it looks wrong
body: <p><a href="https://jsfiddle.net/s636q7xh/" rel="nofollow">JsFiddle</a>
  The problem is in the placeholder, when i make the font-size higher it looks wrong, check the jsfiddle, the text looks split in half.</p>
  
  <pre><code>&lt;input type="text" id="txtSearch" placeholder="Search" /&gt;
  
  #txtSearch {
  
      width:1050px;
  
      height:35px;
  
      background-color:#605784;
  
      border-width:0px;
  
  }
  
  ::-webkit-input-placeholder {
  
      color: White;
  
      font-family:'Open Sans', sans-serif;
  
      font-size:15pt;
  
      position:relative;
  
      top:-5px;
  
  }
  </code></pre>