HELP ME! I want to get these table boxes on onop of another on the left hand side of my page..I am not super good at html yet, so here's the code...can some one fix it for me!

{ }
{ }
{ }
{ }
~~~~~~~~~
{ }
{ }
{ }
{ }
~~~~~~~~~~
{ }
{ }
{ }
{ }
~~~~~~~~~~~
{ }
{ }
{ }
{ }
~~~~~~~~~~~
{ }
{ }
{ }
{ }
~~~~~~~~~~~



Above is how I want the tables to look, stacked one ontop of eachother!

here is the code

<P><table align="left">
<table border="1" cellpadding="2" width="100%" bordercolor="#F08080" height="1" bordercolordark=" #B03060" bordercolorlight="#B03060">
<tr>
<td width="16%" bgcolor="#F08080" height="20"><span style="letter-spacing: 3pt"><font face="textile" size="2" color="#B03060"><b>.::INFO::.</b></font></td>
<td width="16%" bgcolor="#F08080" height="20"><b><span style="letter-spacing: 3pt"><font color="#B03060" face="textile" size="2">.::Movies::.</font></b></span></td>
<td width="16%" bgcolor="#F08080" height="20"><b><span style="letter-spacing: 3pt"><font color="#B03060" face="textile" size="2">.::Books::.</font></b></td>
<td width="16%" bgcolor="#F08080" height="20"><b><span style="letter-spacing: 3pt"><font color="#B03060" face="textile" size="2"> Community</font></b></td>
<td width="16%" bgcolor="#F08080" height="20"><b><span style="letter-spacing: 3pt"><font color="#B03060" face="textile" size="2">.::ETC::.</font></b></td>
</tr>
<tr>
<td width="18%" valign="top" height="130">
<font face="palatino" color="#EEB4B4" size="2">
<a href="aboutsite.html">About This Site</a>
<br><a href="hp.hml">**About Harry Potter</a>
<br><a href="aboutme.html">About Me</a>
<br><a href="aboutwh.html">**About Webhelpers</a>
<br><a href="contact.hml">Contact Us</a>
<br><a href=""></a>
<br><a href=""></a>
<br><a href=""></a>
</font>
</td>

<td width="19%" valign="top" height="130">
<font face="palatino" color="#0066ff" size="2"><a href="movies.html">The Sorcerers Stone</a>
<br><a href="cos.html">The Chamber Of Secrets</a>
<br><a href=""poa.html">**The Prisoner of Azkaban</a>
<br><a href="actors.html">The Actors</a>
<br><a href="rumors.html">**Rumors</a>
<br><a href=""></a>
</font>
</td>

i am not following the little diagram
could you show a page where the code isnt working
so i can work from there?

here's the corrected code. i took out the errors and made the cells stack on top of eache other. only thing i didn't do is setup the css. it might be a good idea for you to use css for the text coloring and what nots :)


<table border="1" cellpadding="2" bordercolor="#F08080" bordercolordark="#B03060" bordercolorlight="#B03060">
<tr>
<td bgcolor="#F08080"><b><span style="letter-spacing: 3pt"><font color="#B03060" face="textile" size="2">.::INFO::.</font></span></b></td>
</tr>
<tr>
<td valign="top">
<font face="palatino" color="#EEB4B4" size="2">
<a href="aboutsite.html">About This Site</a><br>
<a href="hp.hml">**About Harry Potter</a><br>
<a href="aboutme.html">About Me</a><br>
<a href="aboutwh.html">**About Webhelpers</a><br>
<a href="contact.hml">Contact Us</a><br>
<a href=""></a><br>
<a href=""></a><br>
<a href=""></a>
</font>
</td>
</tr>
<tr>
<td bgcolor="#F08080"><b><span style="letter-spacing: 3pt"><font color="#B03060" face="textile" size="2">.::Movies::.</font></span></b></td>
</tr>
<tr>
<td valign="top">
<font face="palatino" color="#0066ff" size="2">
<a href="movies.html">The Sorcerers Stone</a><br>
<a href="cos.html">The Chamber Of Secrets</a><br>
<a href="poa.html">**The Prisoner of Azkaban</a><br>
<a href="actors.html">The Actors</a><br>
<a href="rumors.html">**Rumors</a><br>
<a href=""></a>
</font>
</td>
</tr>
<tr>
<td bgcolor="#F08080"><b><span style="letter-spacing: 3pt"><font color="#B03060" face="textile" size="2">.::Books::.</font></span></b></td>
</tr>
<tr>
<td>
More Stuff Here
</td>
</tr>
<tr>
<td bgcolor="#F08080"><b><span style="letter-spacing: 3pt"><font color="#B03060" face="textile" size="2">Community</font></span></b></td>
</tr>
<tr>
<td>
More Stuff Here
</td>
</tr>
<tr>
<td bgcolor="#F08080"><b><span style="letter-spacing: 3pt"><font color="#B03060" face="textile" size="2">.::ETC::.</font></span></b></td>
</tr>
<tr>
<td>
More Stuff Here
</td>
</tr>
</table>