title: V-align top not working inside TD
body: <p>I have an asp.net gridview with the rendered HTML as below (only first column)</p>
  
  <p>I want to align all three controls to top inside TD.</p>
  
  <p>I tried by adding <code>vertical-align: top;</code> to TD but did not work as expected. It is showing some spaces on top.I also tried by adding DIV inside TD, placing control inside DIV and setting the CSS properties of DIV <code>vertical-align:top; display: table-row;</code></p>
  
  <p>It did not work too. 
  This issue is in chrome and IE not FF</p>
  
  <pre><code>&lt;td&gt;      
          &lt;input id="ctl00_PH_GridViewOrderDetails_ctl02_cbView" type="checkbox" name="ctl00$PH$GridViewOrderDetails$ctl02$cbView"
              onclick="chkSelect(this.checked, this.id, 'chkView', 'cbView');"&gt;
          &lt;span id="ctl00_PH_GridViewOrderDetails_ctl02_LineNo" style="font-size: 11px;"&gt;100 (10)&lt;/span&gt;
          &lt;img title="k@abc.com" src="Images/email.gif" &gt;
  
  &lt;/td&gt;
  </code></pre>