Table code issue

[Vaz]

Hi, I'm using the following table code for one of my sites:

                     
                                              <td background="images/braker_vert.gif" valign="top" width="1"><img src="images/braker_vert.gif" height="3" width="1"></td>
<td valign="top" width="430"><table align="center" border="0" cellpadding="0" cellspacing="0" width="416">
<tbody>
<tr>
<td><img src="images/spacer.gif" height="4" width="10"></td></tr></tbody></table>
<table align="center" bgcolor="#000000" border="0" cellpadding="1" cellspacing="0" width="416"><tbody><tr>


<td>
<table align="center" bgcolor="#003366" border="0" cellpadding="1" cellspacing="2" width="416" background="./images/gradient.gif">
<tbody>
<tr>
<td class="headers">
  Single box</td>
  <td class="headers" align="right">&nbsp;</td>
  </tr>
  </tbody>
  </table>
  
  <table border="0" cellpadding="0" cellspacing="0" width="416">
  <tbody>
  <tr>
  <td>
  
  <img src="images/spacer.gif" height="1" width="1">
  </td>
  </tr>
  </tbody>
  </table>
  <table align="center" bgcolor="#f0f0f0" border="0" cellpadding="0" cellspacing="0" width="416">
  <tbody>
  <tr>
  <td valign="top" width="416">
  <table border="0" cellpadding="2" cellspacing="2" width="416">
  <tbody>
  <tr>
  <td class="txtnorm" valign="top" width="416">
  <p class="MsoNormal" align="right">
  </p>Test of a single box</td>
  </tr>
  </tbody>
  </table>
  </td>
  </tr>
  </tbody>
  </table>
  </td>
  </tr>
  </tbody>
  </table>
  <table align="center" height="22">
  <tbody><tr><td height="4"><img src="images/spacer.gif" height="2" width="10"></td></tr></tbody></table>

It seems to display a black cell if I view in IE and in firefox it doesnt. Does anyone know how to correct this problem and remove it ?

Thank you.

[mburt]

The first td <td> tag is outside of your <table> tag? That's not correct.

[jscheuer1]

A link to the page would be of more help.

[Vaz]

Here's a link to one of the pages.

[jscheuer1]

Get rid of the red table:

<td class="headers">
  Ley Street Centre</td>
  <td class="headers" align="right">&nbsp;</td>

  </tr>
  </tbody>
  </table>
  
  <table border="0" cellpadding="0" cellspacing="0" width="416">
  <tbody>
  <tr>
  <td>
  
  <img src="images/spacer.gif" height="1" width="1">
  </td>

  </tr>
  </tbody>
  </table>
  <table align="center" bgcolor="#f0f0f0" border="0" cellpadding="0" cellspacing="0" width="416">
  <tbody>
  <tr>
  <td valign="top" width="416">
  <table border=

Add style to this table (inline as shown or in your stylesheet):

<table style="border-bottom:1px solid black;" align="center" bgcolor="#003366" border="0" cellpadding="1" cellspacing="2" width="416" background="./images/gradient.gif">
<tbody>
<tr>
<td class="headers">
  Ley Street Centre</td>
  <td class="headers" align="right">&nbsp;</td>

  </tr>
  </tbody>
  </table>

Not required - However, you can combine the table's attributes into its style, except for its cellspacing, which could be applied as a margin style to its cell):

<table style="border-bottom:1px solid black;background:url('./images/gradient.gif') #003366;width:416px;margin:0 auto;" cellspacing="2">

[Vaz]

Thanks again !!