[resolved]Need a bit of help getting borders to show please!

[Phantasmagoric]

Hello, I need to ask for some help please!

I am working on a skin presently (not commercial, none of my designs are commercial) I have almost got this category graphic thing cracked but I am stuck on how to get the borders to show up.

This is the code I am using in the forumhome_forumbit_level1_nopost

<!-- top -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
	<tr>
		<td style="text-align: $stylevar[left]" class="tcat"><img src="images/skins/thepit2/misc/ftl.gif" alt="" /></td>
		<td width="100%" class="tcat" style="background-image: url(images/skins/thepit2/misc/ftc.gif); text-align: center;"><a style="float:$stylevar[right]" href="#top" onclick="return toggle_collapse('forumbit_$forumid')"><img id="collapseimg_forumbit_$forumid" src="$stylevar[imgdir_button]/collapse_tcat{$collapseimg_forumid}.gif" alt="" border="0" /></a>
            <a href="forumdisplay.php?$session[sessionurl]f=$forum[forumid]">$forum[title]</a>
			<if condition="$show['forumdescription']"><div class="smallfont">$forum[description]</div></if>
			<if condition="$show['subforums']"><div class="smallfont"><strong>$vbphrase[subforums]</strong>: $forum[subforums]</div></if>
        </td>
		<td style="text-align: $stylevar[right]" class="tcat"><img src="images/skins/thepit2/misc/ftr.gif" alt="" /></td>
	</tr>
</table>
<!-- /top -->

<div style="height:100%;text-align:left;"><img src="images/skins/thepit2/misc/fsl.gif" style="height:100%;text-align:left;" alt="" />
<div style="height:100%;text-align:right;"><img src="images/skins/thepit2/misc/fsr.gif" style="height:100%;text-align:right;" alt="" />
<table class="tborder" cellpadding="$stylevar[cellpadding]" cellspacing="$stylevar[cellspacing]" border="0" width="100%" align="center">

<if condition="$childforumbits">
    <if condition="!$show['collapsable_forums']">
        <tbody id="collapseobj_forumbit_$forumid" style="{$collapseobj_forumid}">
    </if>
	<tr align="center">
        <td class="thead" width="5%">&nbsp;</td>
        <td class="thead" width="50%" align="$stylevar[left]">$vbphrase[forum]</td>
        <td class="thead" width="25%">$vbphrase[last_post]</td>
        <td class="thead" width="10%">$vbphrase[threads]</td>
        <td class="thead" width="10%">$vbphrase[posts]</td>
        <if condition="$vboptions['showmoderatorcolumn']">
            <td class="thead" width="0%">$vbphrase[moderator]</td>
        </if>
    </tr>
    $childforumbits
    <if condition="!$show['collapsable_forums']">
    </tbody>
    </if>
</if>
</table>
</div>
</div>

<!-- bottom -->
<table cellpadding="0" cellspacing="0" border="0" width="100%" align="center">
	<tr>
        <td style="text-align: $stylevar[left]" class="tcat"><img src="images/skins/thepit2/misc/fbl.gif" alt="" /></td>
        <td width="100%" class="tcat" style="background-image: url(images/skins/thepit2/misc/fbc.gif); text-align: center;"></td>
        <td style="text-align: $stylevar[right]" class="tcat"><img src="images/skins/thepit2/misc/fbr.gif" alt="" /></td>
    </tr>
</table>
<!-- /bottom -->

<div style="padding: 5px 5px 5px 5px;"></div>

The bit I am trying to get the borders in with is this:

<div style="height:100%;text-align:left;"><img src="images/skins/thepit2/misc/fsl.gif" style="height:100%;text-align:left;" alt="" />
<div style="height:100%;text-align:right;"><img src="images/skins/thepit2/misc/fsr.gif" style="height:100%;text-align:right;" alt="" />

This how far I have got with it on my own:
http://skins4forums.org/vbskins/index.php?styleid=27

The image below shows how it should look:

Can anyone see where i have gone wrong in trying to get the borders to show up and if so would you please show me how to do it?