Coloured table c/w background images not working.

[simonwar]

See attached file.

For the life of me i cannot get the table to sit correctly.

The top row is refusing to close up to 12px and therefore allowing only 1 row of background image to show.

Doing my head in ????

Simon.

Have a look at code in case I have done something stupid, cheers.....

<table width="100%" border="0" cellspacing="0" cellpadding="0">
              <tr> 
                <td width="12" height="12" align="right" valign="bottom"><img src="../images/boxes/outline/box_tl.gif" width="12" height="13"></td>
                <td height="12" colspan="2" background="../images/boxes/outline/box_t.gif">&nbsp;</td>
                <td width="12" height="12" align="left" valign="bottom"><img src="../images/boxes/outline/box_tr.gif" width="12" height="13"></td>
              </tr>
              <tr> 
                <td width="12" rowspan="2" background="../images/boxes/outline/box_l.gif">&nbsp;</td>
                <td width="40" bgcolor="#FFFFFF"><font color="#999999" size="1" face="Geneva, Arial, Helvetica, sans-serif">Items</font></td>
                <td width="36" bgcolor="#FFFFFF"><span class="actxxsmall"><font color="NETQUOTEVAR:BGCOLORCSS"> 
                  <script language="JavaScript">
					<!--
					document.write(getCartItem(3)+"&nbsp;<BR>");
					// -->
					</script>
                  </font></span></td>
                <td width="12" rowspan="2" background="../images/boxes/outline/box_r.gif">&nbsp;</td>
              </tr>
              <tr> 
                <td bgcolor="#FFFFFF"><font color="#999999" size="1" face="Geneva, Arial, Helvetica, sans-serif">Value</font></td>
                <td bgcolor="#FFFFFF"><span class="actxxsmall"><font color="NETQUOTEVAR:BGCOLORCSS"> 
                  <script language="JavaScript">
					<!--
					document.write(getCartItem(1));
					// -->
					</script>
                  </font></span></td>
              </tr>
              <tr> 
                <td width="12" height="12" align="right" valign="top"><img src="../images/boxes/outline/box_bl.gif" width="12" height="13"></td>
                <td height="12" colspan="2" valign="top" background="../images/boxes/outline/box_b.gif">&nbsp;</td>
                <td width="12" height="12" align="left" valign="top"><img src="../images/boxes/outline/box_br.gif" width="12" height="13"></td>
              </tr>
            </table>

I know the images are 13px high, but this should not matter.

[jont]

It does not matter when the images are backgrounds to the cells - when set in the foreground the cell will resize to suit

[simonwar]

Not working ...

The corners of the table are images set to the right height and width, but the top row will not shrink up, so my background is repeating, (fine), but I can see the repitition, (wrong).

I have resorted to copying and pasting a table that has worked successfully before.

Crap way out I know, but a means to an end.

Simon.