Border-spacing issue

Get Started
3

Unfortunately margins (negative or otherwise) don’t have any affect.

Below, I have removed most of the CSS and added the cellspacing attribute to the html, but still to no avail.

I really can’t believe that I’m the first person to ever notice this problem, it seems so fundamental.

table{
	margin: 40px;
}

th {
	font-weight: bold;
}

td, th {
	border: 2px solid blue;
	padding: 10px;		
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/
TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Untitled Document</title>
<link href="styles2.css" rel="stylesheet" type="text/css" />
</head>
<body>

<table [COLOR="Red"][B]cellspacing="10"[/B][/COLOR]>
<thead> 
	<tr> 
		<th>Brand</th> 
		<th>Price</th> 
		<th>Power Source</th>         
	</tr> 
</thead> 

<tbody>
	<tr>
		<td>Vertical Align</td>
		<td>$247.00</td>
		<td>Mechanical</td>
	</tr>

	<tr>
		<td>Vertical Align Baseline</td>
		<td>$370.00</td>
		<td>Mechanical</td>
	</tr>

	<tr>
		<td>Vertical Align Middle</td>
		<td>$247.00</td>
		<td>Mechanical</td>
	</tr>

	<tr>
		<td>Vertical Align Middle</td>
		<td>$370.00</td>
		<td>Mechanical</td>
	</tr>
</tbody>
</table>

</body>
</html>