I am trying to design an email template here

The problem is that I can't get the unordered list that is below the orange rectangle to appear inside of it instead of below it. What am I doing wrong? Here is my html code;

Code HTML4Strict:
<table>
		<div id="box-orange">
 
		<tr>
	    <td width="270" valign="top" style="background-color:#fff; text-align:left;">
			<h2>Case Studies- What We Do For Our Clients</h2>
			<ul>
			<li><a href="http://www.tuvel.com/case-studies/1105">1105 Government Information Group: Using Social Media to Drive Tradeshow Traffic</a></li>
			<li><a href="http://www.tuvel.com/case-studies/national-association-of-broadcasters">National Association of Broadcasters: Using Social Media to Build Business Relationships and Drive Tradeshow Traffic</a></li>
			<li><a href="http://www.tuvel.com/case-studies/share-our-strength">Share Our Strength: Using Social Media to Combat Childhood Hunger</a></li>
			<li><a href="http://www.tuvel.com/case-studies/case-study-tech-council-of-maryland">Tech Council of Maryland: Social Media Outreach Helps Win Repeal of Computer Services Sales Tax</a></li>
			</ul>
		</td>
		<td width="270" valign="top" style="background-color:#fff; text-align:left;">
			<h2>Press Releases - How We Succeed For Our Clients</h2>
			<ul>
			<li><a href="http://www.tuvel.com/case-studies/1105">1105 Government Information Group: Using Social Media to Drive Tradeshow Traffic</a></li>
			<li><a href="http://www.tuvel.com/case-studies/national-association-of-broadcasters">National Association of Broadcasters: Using Social Media to Build Business Relationships and Drive Tradeshow Traffic</a></li>
			<li><a href="http://www.tuvel.com/case-studies/share-our-strength">Share Our Strength: Using Social Media to Combat Childhood Hunger</a></li>
			<li><a href="http://www.tuvel.com/case-studies/case-study-tech-council-of-maryland">Tech Council of Maryland: Social Media Outreach Helps Win Repeal of Computer Services Sales Tax</a></li>
			</ul>
		</td>
		</tr>
		</div>
	</table>