Hi Guys,

It's been awhile since I've created a table..

I'm trying to create one that looks like this:

table.png


My code is

HTML Code:
<body>

 	<h1><p class="header">Saturday</</h1>
	
	<table>
<p class="text">
<tr>
<th>Network</th>
<th>8:00 PM</th>
<th>8:30 PM</th>
<th>9:00 PM</th>
<th>9:30 PM</th>
<th>10:30 PM</th>
<th>10:30 PM</th>
</tr>
<tr>
<td>ABC</td>
<td>The partridge family</td>
<td colspan="3">ABC Suspense Movie</td>
<td colspan="3">Griff</td>
</tr>
<tr>
<td>CBS</td>
<td>All in the Family</td>
<td>M*A*S*H</td>
<td>The Mary Tyler <br />Moore Show</td>
<td>The Bob Newhart Show</td>
<td colspan="3">The Carol Burnett Show</td>
</tr>
<td>NBC</td>
<td colspan="2">Emergency!</td>
<td colspan="5">NBC Saturday Night at the Movies</td>
</tr>
<p>
</table>
</body>
</html>

My CSS is

HTML Code:
table,td,th
{
color: white;
background-color: gray;
border:1px solid black;
size: 50%;
text-align:center;
}
td
{
but in a browser its huge! what can I do to fix this?