'News'box size issue.

[Snyette]

I am trying to make the following box align correctly, for for some reason the box always extends beyond the container;


Here is the code I have, and I have tried altering the sizes of the px for each of the 3 sections, but that little section to the right does not want to align.

		<a name="top" id="top"></a>

<div id="topnav">
	
	
	
	<!-- NAVIGATION, JUST POST THE LINK
		   YOU DON'T NEED TO DO ANYTHING ELSE :) -->
		<a href="/index.php">Home</a>
		<a href="https://enendrrpg.icyboards.net/showthread.php?tid=3">Starter Guide</a>
	<a href="https://enendrrpg.icyboards.net/memberlist.php">Census</a>	
	<!-- END NAVIGATION -->
	
	
	
</div>

<!-- HEADER IMAGE, YOU DON'T WANT
	   TO EDIT THIS, I AM JUST LABELING IT BECAUSE I LOVE YOU -->
	<div id="header-container">
		<div id="header-image">
			<div id="header-link">
				<a href="/index.php">{$mybb->settings['bbname']}</a>
				<navigation>
			</div>
		</div>
	</div>
<!-- END HEADER IMAGE -->
		
<div id="news-container">
	<div class="wrapper">
	<table width="960px" cellspacing="0" cellpadding="5" style="padding: 5px 0px 5px 0px;">
		<tr>
			<td valign="center" align="left" width="350px" class="tcat">
				Site News
			</td>
			<td valign="center" align="left" width="260px" class="tcat">
				Staff
			</td>
			<td valign="center" align="left" width="350px" class="tcat">
				Roleplay News
			</td>
		</tr>
		<tr class="forum_container">
			<td valign="top" align="top" id="site news">
				<div style="height: 150px; overflow: auto; text-align: justify; padding-right: 5px;">
					
					
					
					
					<!-- NEWS AREA, YOU CAN PUT <strong></strong>
						   TAGS AROUND THE DATE TO MAKE IT APPEAR
						   BOLD AND IN A DIFFERENT COLOR -->
					<strong>07.11.15 -</strong> Or perhaps he's wondering why someone would shoot a man before throwing him out of the plane.<p>
					I'm Gotham's reckoning. It'll end the ball of damns you've all been living on. A necessary evil.</p>

					<strong>05.11.15 -</strong> You fight like a younger man, there's nothing held back. It's admirable, but mistaken. I am the League of Shadows.
					<!-- END NEWS AREA -->
					
					
					
					
		</div>
			</td>
					<td valign="top" align="top">
						
						
						
						
						<!-- STAFF IMAGES, MAKE THEM 65 PIXELS WIDE
							   AND TALL -->
					<img src="http://via.placeholder.com/100x150">
					<img src="http://via.placeholder.com/100x150">
						<!-- END STAFF IMAGES -->
						
						
						
			</td>
			
			
						<td valign="top" align="top" id="roleplay news">
				<div style="height: 150px; overflow: auto; text-align: justify; padding-right: 5px;">
					
					
					
					
					<!-- NEWS AREA, YOU CAN PUT <strong></strong>
						   TAGS AROUND THE DATE TO MAKE IT APPEAR
						   BOLD AND IN A DIFFERENT COLOR -->
					<strong>07.11.15 -</strong> Or perhaps he's wondering why someone would shoot a man before throwing him out of the plane.<p>
					I'm Gotham's reckoning. It'll end the ball of damns you've all been living on. A necessary evil.</p>

					<strong>05.11.15 -</strong> You fight like a younger man, there's nothing held back. It's admirable, but mistaken. I am the League of Shadows.
					<!-- END NEWS AREA -->
					
					
					
					
		</div>
			</td>
			<td valign="top" align="top">
	<ProStats>
		</td>
		</tr>
	<tr>
		<td colspan="3" class="forum_lastpost" height="18">
		</td>
	</tr>
		</table>
</div>
		</div>

	<div id="container">
				<div id="content">
			<div class="wrapper">
				{$pm_notice}
				{$bannedwarning}
				{$bbclosedwarning}
				{$unreadreports}
				{$pending_joinrequests}
				{$awaitingusers}
					<br>
					
					{$headerad}

I am using a premade skin; http://necessaryevil.icyboards.net/forum...php?fid=21
My site is; https://enendrrpg.icyboards.net/