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>

Something to remember is the <tr> = table rows, which go down the page. <td> = table columns, which go across.

Like this?
<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>
</tr>
<tr>
<td width="16%" 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>
</font>
</td>
</tr>

<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>
</tr>
<tr>
<td width="16%" 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>
</font>
</td>
</tr>

</table>

Thanks! Uhh there's just ONE problem *blushes* I am sooo bad at this...the table exstends through the entire length of the page, I want the box to stay small and on the left side only...Help

I got it, nm! LOL thanks!!