Table Trouble: White space above table

[nerbert]

White Space Above Table

I've recently made some bb code tags to create tables. I'll go into the details later (in the next two posts), but for now I have a question. The bb code works for the most part but if you type the tags in as below you get a white space above the table:

[table%="100%"]
[tr]
[td%="15%"]AAAAAA
AAAAAA
AAAAAA[/td%]
[td]BBBBBB
BBBBBB
BBBBBB[/td]
[/tr]
[/table%]

Here's the source code created by the bb code:

<div><table width=100%><br />
<tr><br />
<td width=15% valign = "top">AAAAAA<br />
AAAAAA<br />
AAAAAA</td><br />
<td valign="top">BBBBBB<br />
BBBBBB<br />
BBBBBB</td><br />
</tr><br />
</table></div>

Notice all the line breaks caused by stacking the tags and content. Except for the ones inside the cell text, they don't do anything inside the table but instead are puked up above the table creating the white space.

Alternatively if you type in the code as follows you don't get the line breaks and the table comes out as planned:

[table%="100%"][tr][td%="15%"]AAAAAA
AAAAAA
AAAAAA[/td%][td]BBBBBB
BBBBBB
BBBBBB[/td][/tr][/table%]

So this is my question: How do I get rid of all the line breaks so I don't get the white space?