Stile del bordo inferiore di un TD

[CiodoF]

Problema.
Ho una tabella siffatta :

<table width="100%" border="0" cellspacing="2" cellpadding="2" id="TableNote">  <tr>     
<th>Data</th>    
<th>Descrizione contatto</th>    
<th>Rif.</th>    
<th>@</th>    
<th>T.</th>  
</tr> 



 <tr>     <td> </td>    
   <td> </td>    <td>aa</td>    <td></td>    <td>a</td>  </tr>  <tr>     <td> </td>    
   <td> </td>    
   <td></td>    <td></td>    
   <td>ll</td>  
 </tr>
 <tr>
   <td>l</td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
 </tr>
 <tr>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
 </tr>
 <tr>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
 </tr>
 <tr>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
   <td></td>
 </tr>
</table> 

Con quetso style

<style type="text/css">
<!--

#TableNote td {
    border-bottom-width: 1px;
    border-bottom-style: dotted;
    border-bottom-color: #CCCCCC;
    background-color: #FFFFFF;
}
#TableNote th {
    font-weight: bolder;
    background-color: #CCCCCC;
    color: #CC0000;
    text-align: center;
    vertical-align: middle;
}
-->
</style> 

Ho il problema che le celle vuote non hatto il bordo che ho impostato. Come posso farlo comparire sempre, anche se la calla è vuota?