set table classes

Hi I set a html code like

<div id="e001" class="box">
 <table id="e002" border="0">
  <tr>
   <td class="pic" rowspan="2"><img src="url.jpg" alt=""></td>
   <td class="title"><a href="#">Egyptians challenge Mursi in nationwide protests</a></td>
  </tr>
  <tr>
   <td class="text">texts</td>
  </tr>
 </table>
 </div>

and then when I use
td.pic {} or #e002 td.pic {}
it looks fine in Chrome, but not work in either IE or firefox