Tds overlapping eachother?

[TheTeen]

Check www.virapetz.com The navigation bar seems to overlap the content box (even when the big map isn't there.

Here is the code:

<table width="760px" border="0">
  <tr>
    <td colspan="2" style="background-color:white;"><div id="container">
<div><img src="http://www.virapetz.com/images/virav2banner.png" /></div>
<div style="position: absolute; left: 620px; top:24px;">
<span style="font-weight: bold; color: #000000;">Hiya, (username)!
<br>vP:  (points)
<br>Active Pet:  (activepet)</span>
    </td>
  </tr>
  <tr>
    <td style="background-color:#ebf7ff;width:145px;height:100%;position:absolute;text-align:top;">
      Left menu<br />
      Item 1<br />
      Item 2<br />
      Item 3...
    </td></tr>
    <td style="background-color:#eeeeee;width:615px;text-align:top;">
(datestamp)

[JugglerDrummer]

You fixed the site I can see. You can just change the margin-left of #center to shift the image over now. :D Good job changing from table based layout!

[MidiMagic]

This is a known bug. Divs don't behave properly inside table cells.

[sreein1986]

Check www.virapetz.com The navigation bar seems to overlap the content box (even when the big map isn't there.

Here is the code:

<table width="760px" border="0">
  <tr>
    <td colspan="2" style="background-color:white;"><div id="container">
<div><img src="http://www.virapetz.com/images/virav2banner.png" /></div>
<div style="position: absolute; left: 620px; top:24px;">
<span style="font-weight: bold; color: #000000;">Hiya, (username)!
<br>vP:  (points)
<br>Active Pet:  (activepet)</span>
    </td>
  </tr>
  <tr>
    <td style="background-color:#ebf7ff;width:145px;height:100%;position:absolute;text-align:top;">
      Left menu<br />
      Item 1<br />
      Item 2<br />
      Item 3...
    </td></tr>
    <td style="background-color:#eeeeee;width:615px;text-align:top;">
(datestamp)

<table width="760px" border="0">
  <tr>
    <td colspan="2" style="background-color:white;"><div id="container">
<div><img src="http://www.virapetz.com/images/virav2banner.png" /></div>
<div style="position: absolute; left: 620px; top:24px;">
<span style="font-weight: bold; color: #000000;">Hiya, (username)!
<br>vP:  (points)
<br>Active Pet:  (activepet)</span></div>
	</div>
    </td>
  </tr>
  <tr>
    <td style="background-color:#ebf7ff;width:145px;height:100%;position:absolute;text-align:top;">
      Left menu<br />
      Item 1<br />
      Item 2<br />
      Item 3...
    </td></tr>
    <tr>
    <td style="background-color:#eeeeee;width:615px;text-align:top;">
(datestamp)</td>
</tr>
	</table>