Well, the title really says it all. Why doesn't my border collapse?

CSS:
Code:
body
{
 background-color:#FFFFFF;
}

td, th
{
 border-collapse:collapse;
 border-color:#FF0000;
 border-width:4px;
 border-style:solid;
 padding:2px;
 font-size:10px;
 color:#009900;
 font-family:"Times New Roman", Serif;
}

td
{
 width:200px;
}
HTML:
Code:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
            "http://www.w3.org/TR/html4/loose.dtd">
 <html> 
 <head>
 <title>Table Test</title>
 <link rel="stylesheet" href="CSS.css" type="text/css"></link>
 </head>
 <body>
 <div id="quickfacts">
			 <table>
				 <tr>
					 <th>Disease Name</th>
					 <td>Fabry Disease</td>
				 </tr>
				 <tr>
					 <th>Protein Affected</th>
					 <td>Galactosidase Alpha (GLA)</td>
				 </tr>
				 <tr>
					 <th>Prognosis</th>
					 <td>Survival until adulthood, but with increased risk of heart, skin, kidney, and eye problems.</td>
				 </tr>
				 <tr>
					 <th>Onset</th>
					 <td>Early Childhood</td>
				 </tr>
				 <tr>
					 <th>Symptoms</th>
					 <td>Pain, cardiovascular, kidney, skin, and eye problems, fatigue, nausea.</td>
				 </tr>
			 </table>
</div><!--quickfacts-->
</body>
</html>

And a link to an image if you really need to see it.

Thanks for the help.
~TehYoyo