Hi guys...

If you check out this code

Code:
<html>
<head>
<title>Test 8</title>
<style type="text/css">
	body				  { padding-left: 4&#37;;
						 	padding-right: 5%;
							height: 100%; }
	div.sidebar			  { height: 100%;
							width: 206px;
							border: 3px solid blue; }
	div.main			  { height: 100%;
							float: left;
							border: 3px solid red; }
</style>
</head>
<body>

	<table border="1">
		<tr>
			<td>
				<div class="sidebar">
					Side
				</div>
			</td>
			<td>
				<div class="main">
					Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body<br/>
					Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body<br/>
					Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body<br/>
					Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body<br/>
					Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body Body
				</div>
			</td>
		</tr>
	<table>

</body>
</html>
It works fine in Firefox, but (suprize!) not in IE. I'm trying to get the blue box, labeled "Side" to expand vertically with the table cell in which it is. Any ideas?

Also, I'm not overly attached to doing it this way... if my goal can be accomplished using some other method, that would be fine.

Thanks!
-Stephen