Getting an Variable to Display at the top of an HTML Table Row

For the HTML table column below, the $count++ displays in the middle of the row. How can I get it to display at the top of the row?

Thanks in advance,

John

Code:

echo '<td class="commentnamecount">'.$count++.'.</td>';

CSS:

.commentnamecount { width: 20px;
            overflow:hidden !important;
            color开发者_如何学Python: #000000;
            vertical-align: 

}

display:table-cell;   
vertical-align:top;

or

<td valign="top" class="commentnamecount">

See: http://www.w3.org/TR/CSS2/tables.html