Website Help - Need a solution to a problem.

[Desmo]

OK, I've got InDesign chucking out some html table code and some CSS classes...

			<div class="story">
				<table>
					<tbody>
						<tr>
							<td  colspan="3">
								<p class="titles">Sliced Fillet Steak Dishes</p>
							</td>
						</tr>
						<tr>
							<td>
								<p class="text">211</p>
							</td>
							<td>
								<p class="text">Satay</p>
							</td>
							<td>
								<p class="text">£6.20</p>
							</td>
						</tr>
						<tr>
							<td>
								<p class="text">212</p>
							</td>
							<td>
								<p class="text">Kin Do</p>
							</td>
							<td>
								<p class="text">£6.20</p>
							</td>
						</tr>
						<tr>
							<td>
								<p class="text">213</p>
							</td>
							<td>
								<p class="text">Kung Po</p>
							</td>
							<td>
								<p class="text">£6.20</p>
							</td>
						</tr>
						<tr>
							<td>
								<p class="text">214</p>
							</td>
							<td>
								<p class="text">Green Pepper &amp; Black Bean Sauce</p>
							</td>
							<td>
								<p class="text">£6.20</p>
							</td>
						</tr>
					</tbody>
				</table>
			</div>

...but I can't seem to format it how I want. The max table width is 600px. Ideally I want to force the first column (dish number) to be narrow, the second column (dish) to be wide and the the third column (price) to be narrow. Can this be done in anyway? Ideally without have to add too much code to the html. At the moment they all seem to automatically set their width.