HTML Code:
<table cellpadding="5">
<tr class="blue">
	<td width="17%">Model</td>
    <td width="43%">Processor</td>
    <td width="15%">Hard Disk</td>
    <td width="10%">Memory</td>
    <td width="10%">Price</td>
</tr>
<tr class="white">
	<td class="model">White 13"</td>
    <td class="other">2.26 GHz Intel Core 2 Duo</td>
    <td class="other">250GB</td>
    <td class="other">2GB</td>
    <td class="price">$899</td>
</tr>
<tr class="grey">
	<td class="model">White 13"</td>
    <td class="other">2.26 GHz Intel Core 2 Duo</td>
    <td class="other">250GB</td>
    <td class="other">2GB</td>
    <td class="price">$899</td>
</tr>
</table>
here's my code. here's where i'm working on it:
http://www.book.uiowa.edu/ePOS/this_...tml&design=335

how can i get ride of those ugly white spaces between each column and row? can this be better accomplished using list items, and how?