title: css absolute input div position
body: <p>I have a textbox container div (<code>div.tb</code>) with <code>position:relative</code>, containing the input and placeholder div, these both have <code>position:absolute</code>.</p>
  
  <p>The problem is that the input text is vertically centered, but the placeholder text isn't vertically centered.</p>
  
  <p>So I need the placeholder text to be vertically centered, just like the input.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="tb"&gt;
      &lt;div class="placeholder"&gt;username&lt;/div&gt;
      &lt;input type="text" name="tb-username" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>.tb{
      position: relative;
      height: 28px;
      border: 1px solid #CCCCCC;
      background-color: #FFFFFF;
  }
  
  .tb input, .tb .placeholder{
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      height: 28px;
  }
  </code></pre>
  
  <p>Tested with latest Chrome for Mac Os X</p>
  
  <p>Thanks for your time.</p>