Hey guys.. i need some help with tables.

I have the following table...

HTML Code:
<div id="personaldiv">
	<table>
		<tr>
			<td width="151"><h2>Name:</h2></td>
			<td width="274"><h3>John Doe </h3></td>
		</tr>
		<tr>
			<td width="151"><h2>Gender:</h2></td>
			<td width="274"><h3>Male </h3></td>
		</tr>
		<tr>
			<td width="151"><h2>Age:</h2></td>
			<td width="274"><h3>999 </h3></td>
		</tr>
	</table>
</div>


and heres the css i have...



HTML Code:
/* section content labels */	
h2 {
	background-color: #F4F4F4;
	color: #000000;
	font-size: 8pt;
	font-weight: bold;
	margin-left: 10px;
	line-height: 100%;
}

/* section content text */
h3 {
	background-color: #F4F4F4;
	color: #000000;
	font-size: 8pt;
	font-weight: normal;
	line-height: 100%;
}

/* personal div */
#personaldiv {
	color: black;
	background: #F4F4F4;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	position: relative;
	z-index: 1;
	width: 456px;
}


ok heres my problem...
I dont like how the table displays.
The row height is too tall..
I want to shrink the rows so the table isn't so large.. i want everything to be closer together.
Is this possible?

Thanks,
Chris