Tables must really not like me...

If you've seen those icon LJs, then you're probably familar with the tables that people put their icons in to make their posts look neater. I've been trying to do this myself, but it's not working for me.

This is what I want my tables to look like:
http://i18.photobucket.com/albums/b127/getbacker_kanchan/table1.jpg

This is what they end up looking like in my post:
http://i18.photobucket.com/albums/b127/getbacker_kanchan/table2.jpg

And this is the code that I'm using:
<table border="1" cellspacing="0" style="border-collapse: collapse" bordercolor="#FFFFFF" width="500" id="AutoNumber1" height="93" bgcolor="#0077FD">
<tr>
<td width="20%" height="10">
<p align="center"><font color="#FFFFFF">.6.</font></td>
<td width="20%" height="10">
<p align="center"><font color="#FFFFFF">.7.</font></td>
<td width="20%" height="10">
<p align="center"><font color="#FFFFFF">.8.</font></td>
<td width="20%" height="10">
<p align="center"><font color="#FFFFFF">.9.</font></td>
<td width="20%" height="10">
<p align="center"><font color="#FFFFFF">.10.</font></td>
</tr>
<tr>
<td width="20%" height="100">
<p align="center">
<font color="#FFFFFF">
<img border="0" src="http://i18.photobucket.com/albums/b127/getbacker_kanchan/so3100/loading.jpg" width="100" height="100"></font></td>
<td width="20%" height="100">
<p align="center">
<font color="#FFFFFF">
<img border="0" src="http://i18.photobucket.com/albums/b127/getbacker_kanchan/so3100/loading.jpg" width="100" height="100"></font></td>
<td width="20%" height="100">
<p align="center">
<font color="#FFFFFF">
<img border="0" src="http://i18.photobucket.com/albums/b127/getbacker_kanchan/so3100/loading.jpg" width="100" height="100"></font></td>
<td width="20%" height="100">
<p align="center">
<font color="#FFFFFF">
<img border="0" src="http://i18.photobucket.com/albums/b127/getbacker_kanchan/so3100/loading.jpg" width="100" height="100"></font></td>
<td width="20%" height="100">
<p align="center">
<font color="#FFFFFF">
<img border="0" src="http://i18.photobucket.com/albums/b127/getbacker_kanchan/so3100/loading.jpg" width="100" height="100"></font></td>
</tr>
</table>


I can't figure out for the life of me what's going on. =/ Any help would be appreciated...I've remade this table several times in an attempt to figure out what I'm doing wrong (time consuming, since I need 200 cells...), but nothing's working.

Maybe stop adding the height attribute?

By the way, I doubt this is an LJ-specific problem..

it is.. because LJ doesn't use proper html... you sometimes need extra codes to figure out stuff.
and I have tzhe same problem... :/

Hmm... Try turning off the text formatting.

um i tried that and managed to fix it if you put < PRE > without the spaces before and after the entire html code the extra baggage goes away, at least in IE hope that helps :)