lil' CSS help?

Lil CSS help?

My side column isn’t working :\.

Edit: gah, trying to display this again...

Okay, so I have this table. Here it is:
<table width="750px" border="0" cellspacing="0" cellpadding="0" class="main">
<tr>
<td colspan="2">//**Going to put a header here</td>
</tr>
<tr>
<td width="150" valign="top">
<div id="steelnav">
<p>Site Navigation</p>
<ul>
<li><a href='/'>Home</a></li>
<li><a href='/'>Resume</a></li>
<li><a href='/'>Contact</a></li>
<li><a href='/'>Portfolio</a></li>
</ul>
</div>
<td width="600" rowspan="2"><div id="resume">//** My Content is here</div></td>
</tr>

//**This is the area I’m having trouble with

<tr>
<td id="leftcol">&nbsp;</td>
</tr>

</table>

So I’m trying to have the empty cell (marked above) to display a left hand border that is 16 pixels wide in a dark pink, with a light pink background. Here’s the CSS for that section:

#leftcol {
height: 100%;
width: 150px;
border-left: 16px solid #FF9999;
background-color: #FFCCCC;
}

The problem is that the table isn’t displaying the way I expected. I wanted the background and border to go the whole height of the main table but it currently only displays a little chunk of border and bg, and the rest of the table cell is white :\.

Any ideas?