IE doesnt align text and image properly

IE doesnt align text and image properly

In Chrome image and the text link is aligned properly. However, when I
check it on IE8, I noticed that image and text link is not align properly.
Here is the code I use. this is a code I use in wordpres wpfilebase
templates.
<td style="width:350px;padding-left:20px;">
<a href="%file_url%">
<img align="top" src="%file_icon_url%" alt="%file_display_name%"
height="40" />
</a>
<span style="width:200px;float:right;vertical-align:text-top;">
<a href="%file_url%"> %file_display_name%</span></a>
</td>


Chrome renders properly. But not IE. How to fix this? If I need to use
conditional css for IE, what is the correct code for IE?