Hub template formatting issue in IE

I was wondering, I have a fix for the apparent issue in IE where the cell that does the top border for the hub box gets huge and distorted. An example of this is the hubheader template:

<table width="740" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <td height="1" width="8">[[Image:HubHeaderLeftA.gif]]</td>
    <td height="1" bgcolor=#AAAAAA></td>
    <td height="1" width="8">[[Image:HubHeaderRightA.gif]]</td>
  </tr>
  
   <tr>
    <td height="30" width="8">[[Image:HubHeaderLeftB.gif]]</td>
    <td height="30" align="center" valign="middle" bgcolor=#E6E6E6><h3>{{{1}}}</h3></td>
    <td height="30" width="8">[[Image:HubHeaderRightB.gif]]</td>
  </tr>
  
</table>

This causes the fist row to look really crappy.
A remedy that I propose that should be used is this:

<table width="740" border="0" cellspacing="0" cellpadding="0">

  <tr>
    <td style="border-top: 1px solid #fff" height="30" width="8">[[Image:HubHeaderLeftB.gif]]</td>
    <td style="border-top: 1px solid #aaa" valign="middle" height="30" align="center" bgcolor="#E6E6E6">
    <h3>{{{1}}}</h3>
    </td>
    <td style="border-top: 1px solid #fff" height="30" width="8">[[Image:HubHeaderRightB.gif]]</td>
  </tr>

</table>

All I did was add the inline style to the cells, which gives the same desired effect, and it should work in all browsers.
I'll be happy to put it in, as long as Ben and others think it's OK.