layout issue - css and opensource

[da_mic_1530]

Hi there, currently messing around with a free template just to get the basics of certain things going

Anyhoo

I have a side bar that contains a shoutbox, this shoutbox is the opensource "tagboard"

Now as you can see at http://www.ir-gs.co.uk/index2.php that tagboard is messing up my layout

The tagboard is altered using the htmlcode.dat

Here is the code, note I've taken out the JS to keep it short

<!-- Change the location of the stylesheet if needs be -->
<link rel="stylesheet" href="opensource/tagboard/stylesheet.php" type="text/css">

<!-- Change the table "width=100" to change the width of your tag board -->
<!-- Change the table "height=200" to change the height of your tag board -->
<!-- Change the border colour or size by editing "border:1 solid #HEXCOLOR" -->
<!-- For No Border, Delete >>> style="border: 1 solid #000000" -->

<table width=10 height =10 border=0 bgcolor="#FFFFFF" >
<tr><td><iframe name="tag" border="0" frameborder="0" width="100" height="200" align="right" src="opensource/tagboard/display.php" target="_blank"></iframe></td></tr>
<tr><td>
<form method="POST" action="opensource/tagboard/tag.php" target="tag" name="tagboard">
<table width="100" border="0" cellspacing="1">
<tr>
<td>

<table border="0" cellspacing="0" width="100" cellpadding="0">
<tr>
<td width="1%"><font class="cjfont"><small>Name:</small></FONT></td>
</center>
<td width="100">
<p align="right"><font class="cjfont"><small>[</small><A class="cjfont" HREF="javascript:cleartagboard()"><small>Reset Tag</small></A><small>]</small></FONT></td>
</tr>
</table>

<!-- Change the input size to change the length of the name field -->
<!-- Change the input length by changing maxlength="30" to your desired size -->

<input size="17" class="cjmsg" maxlength="30" type="text" name="name">

</td>
</tr>
<tr>
<td>

<!-- Change the input size to change the length of the tag field -->
<!-- Change the input length by changing all the "200(s)" to your desired size -->

<font class="cjfont"><small>Message:</small></FONT><br>
<textarea class="cjmsg" rows="3" onKeyDown="textCounter(this.form.cjmsg,this.form.rem,200);" onKeyUp="textCounter(this.form.cjmsg,this.form.rem,200);" onKeyPress="showKeyValue(event)" cols="16" type="text" name="cjmsg"></textarea>

</td>
</tr>
<tr>
<td>

<div align="center">
<center>
<table border="0" cellspacing="0" width="100">
<tr>
<td width="1%">

Looks simple enough at first glance, but after changing all sorts of variables I'm still presented with the same screen, so I thought it could be my Divs and or Css

Sidebar HTML

<div id="sidebar">
<p>Login</p>
<form id="form1" method="post" action="">
Username:
<input type="text" name="username" id="username" />
<label><br />
Password :
<input type="password" name="password" id="password" />
</label>
<br />
<label>
<input type="submit" name="submit" id="submit" value="Submit" />
</label>
</form>
<p>Shoutbox</p>
<?
include("opensource/tagboard/htmlcode.dat");
?><p>&nbsp;</p>
</form>
<h3>&nbsp;</h3>
<!-- sidebar ends -->
</div>

Sidebar CSS

http://www.ir-gs.co.uk/images/TechJunkie.css

Any ideas?

Cheers