background image isn't showing up in FF, but is okay in IE

I am building a table based box, everything works fine in IE and in FF, except for the part in red. (see below) The image in the red code doesn't appear in FF, but it shows up fine in IE. Can anyone help me figure out what's going on?

<table style="background-color:#f0f0f0; margin:0px 5px; empty-cells:show;" cellspacing="0" cellpadding="0">
   <tr>
    <td style="width:6px;   height:6px; background:url('ul2.gif') no-repeat;"></td>
    <td style="width:753px; height:6px; background:url('uc2.gif') repeat-x;"></td>
    <td style="width:6px;   height:6px; background:url('ur2.gif') no-repeat;"></td>
   </tr>
   <tr>
    <td style="width:6px; background:url('ls2.gif') repeat-y;"></td>
    <td style="width:753px; background-color:#ffffff;"></td>
    [COLOR="Red"]<td style="width:6px; background:url('rs2.gif') repeat-y;"></td>[/COLOR]
   </tr>
   <tr>
    <td style="width:6px;   height:6px; background:url('ll2.gif') no-repeat;"></td>
    <td style="width:753px; height:6px; background:url('lc2.gif') repeat-x;"></td>
    <td style="width:6px;   height:6px; background:url('lr2.gif') no-repeat;"></td>
   </tr>
</table>

Code (markup):

 

Nevermind, I fixed it by increasing the size of my right <td>'s to 7 pixels, that pulled the image over to the left 1 pixel and made the entire background image show up. Thanks for you help anyway...

 

Why not do it all through CSS

 

I will, once I get the layout all done so that it looks correct, then I will take all of the CSS and place it in an external file. I just find it easier when making a layout to put some of the CSS into the HTML until I get it to work properly, it's easier than working across 2 documents.