I still see all the tables.
I meant like this. Replace this lot....
HTML
<table cellspacing="0" cellpadding="0" class="bg">
<tr><td style="width:242px; height:22px"><table cellspacing="0" cellpadding="0"><tr><td style="width:160px; height:22px; padding-left:11px"><br style="line-height:2px"><a href="menucat.aspx?menucatid=13">Steak Dinners</a></td><td style="width:36px; height:22px"></td><td style="width:47px; height:22px"><br style="line-height:2px"><!--$25.00--></td></tr></table></td></tr><tr><td style="width:242px; height:22px"><table cellspacing="0" cellpadding="0"><tr><td style="width:160px; height:22px; padding-left:11px"><br style="line-height:2px"><a href="menucat.aspx?menucatid=2">Sandwiches</a></td><td style="width:36px; height:22px"></td><td style="width:47px; height:22px"><br style="line-height:2px"><!--$25.00--></td></tr></table></td></tr><tr><td style="width:242px; height:22px"><table cellspacing="0" cellpadding="0"><tr><td style="width:160px; height:22px; padding-left:11px"><br style="line-height:2px"><a href="menucat.aspx?menucatid=3">Sandwich Combos</a></td><td style="width:36px; height:22px"></td><td style="width:47px; height:22px"><br style="line-height:2px"><!--$25.00--></td></tr></table></td></tr><tr><td style="width:242px; height:22px"><table cellspacing="0" cellpadding="0"><tr><td style="width:160px; height:22px; padding-left:11px"><br style="line-height:2px"><a href="menucat.aspx?menucatid=14">Other Steak House Favorites</a></td><td style="width:36px; height:22px"></td><td style="width:47px; height:22px"><br style="line-height:2px"><!--$25.00--></td></tr></table></td></tr><tr><td style="width:242px; height:22px"><table cellspacing="0" cellpadding="0"><tr><td style="width:160px; height:22px; padding-left:11px"><br style="line-height:2px"><a href="menucat.aspx?menucatid=15">Limited Time Offers</a></td><td style="width:36px; height:22px"></td><td style="width:47px; height:22px"><br style="line-height:2px"><!--$25.00--></td></tr></table></td></tr><tr><td style="width:242px; height:22px"><table cellspacing="0" cellpadding="0"><tr><td style="width:160px; height:22px; padding-left:11px"><br style="line-height:2px"><a href="menucat.aspx?menucatid=5">Salads</a></td><td style="width:36px; height:22px"></td><td style="width:47px; height:22px"><br style="line-height:2px"><!--$25.00--></td></tr></table></td></tr><tr><td style="width:242px; height:22px"><table cellspacing="0" cellpadding="0"><tr><td style="width:160px; height:22px; padding-left:11px"><br style="line-height:2px"><a href="menucat.aspx?menucatid=6">Daily Specials</a></td><td style="width:36px; height:22px"></td><td style="width:47px; height:22px"><br style="line-height:2px"><!--$25.00--></td></tr></table></td></tr><tr><td style="width:242px; height:22px"><table cellspacing="0" cellpadding="0"><tr><td style="width:160px; height:22px; padding-left:11px"><br style="line-height:2px"><a href="menucat.aspx?menucatid=7">Extra Meat</a></td><td style="width:36px; height:22px"></td><td style="width:47px; height:22px"><br style="line-height:2px"><!--$25.00--></td></tr></table></td></tr><tr><td style="width:242px; height:22px"><table cellspacing="0" cellpadding="0"><tr><td style="width:160px; height:22px; padding-left:11px"><br style="line-height:2px"><a href="menucat.aspx?menucatid=8">Side Orders</a></td><td style="width:36px; height:22px"></td><td style="width:47px; height:22px"><br style="line-height:2px"><!--$25.00--></td></tr></table></td></tr><tr><td style="width:242px; height:22px"><table cellspacing="0" cellpadding="0"><tr><td style="width:160px; height:22px; padding-left:11px"><br style="line-height:2px"><a href="menucat.aspx?menucatid=9">Desserts</a></td><td style="width:36px; height:22px"></td><td style="width:47px; height:22px"><br style="line-height:2px"><!--$25.00--></td></tr></table></td></tr><tr><td style="width:242px; height:22px"><table cellspacing="0" cellpadding="0"><tr><td style="width:160px; height:22px; padding-left:11px"><br style="line-height:2px"><a href="menucat.aspx?menucatid=10">Beverages</a></td><td style="width:36px; height:22px"></td><td style="width:47px; height:22px"><br style="line-height:2px"><!--$25.00--></td></tr></table></td></tr>
</table>
...with this HTML.
HTML
<table id="food">
<tr>
<td>
<a href="menucat.aspx?menucatid=13">Steak Dinners</a>
</td>
</tr><tr>
<td>
<a href="menucat.aspx?menucatid=2">Sandwiches</a>
</td>
</tr><tr>
<td>
<a href="menucat.aspx?menucatid=3">Sandwich Combos</a>
</td>
</tr><tr>
<td>
<a href="menucat.aspx?menucatid=14">Other Steak House Favorites</a>
</td>
</tr><tr>
<td>
<a href="menucat.aspx?menucatid=15">Limited Time Offers</a>
</td>
</tr><tr>
<td>
<a href="menucat.aspx?menucatid=5">Salads</a>
</td>
</tr><tr>
<td>
<a href="menucat.aspx?menucatid=6">Daily Specials</a>
</td>
</tr><tr>
<td>
<a href="menucat.aspx?menucatid=7">Extra Meat</a>
</td>
</tr><tr>
<td>
<a href="menucat.aspx?menucatid=8">Side Orders</a>
</td>
</tr><tr>
<td>
<a href="menucat.aspx?menucatid=9">Desserts</a>
</td>
</tr><tr>
<td>
<a href="menucat.aspx?menucatid=10">Beverages</a>
</td>
</tr>
</table>
And add this to your style sheet.
CODE
#food { border-collapse: separate;
border-spacing: 3px;
border: none }
#food td { background:#dadada;
padding: 6px 11px;
vertical-align: middle;
border: none }
Or, ditch the tables altogether and use this HTML...
HTML
<div id="food2">
<a href="menucat.aspx?menucatid=13">Steak Dinners</a>
<a href="menucat.aspx?menucatid=2">Sandwiches</a>
<a href="menucat.aspx?menucatid=3">Sandwich Combos</a>
<a href="menucat.aspx?menucatid=14">Other Steak House Favorites</a>
<a href="menucat.aspx?menucatid=15">Limited Time Offers</a>
<a href="menucat.aspx?menucatid=5">Salads</a>
<a href="menucat.aspx?menucatid=6">Daily Specials</a>
<a href="menucat.aspx?menucatid=7">Extra Meat</a>
<a href="menucat.aspx?menucatid=8">Side Orders</a>
<a href="menucat.aspx?menucatid=9">Desserts</a>
<a href="menucat.aspx?menucatid=10">Beverages</a>
</div>
... with this CSS.
CODE
#food2 { float: left } /*this is a trick to make the DIV shrinkwrap*/
#food2 a { display: block;
padding: .6em .6em .6em 1em;
margin-bottom: 3px;
background:#dadada; }
You also need to add this snip of CSS in the HTML (in the style attribute, the rest of the tag is yours). If you don't that text will show up to the right of the menu.
HTML
<center style="clear: left">We look forward to seeing you in our restaurant!</center>
The second example isn't kosher, really. The links should be better separated in the HTML in case the page is viewed without CSS. A list is often used. It was mostly to show you how little is needed.
Oh, I left adding a font size to you and you may want to change padding and margin to your liking.
One thing more, you use a short doctype without an URL. That will put browsers in Quirks Mode. They will emulate their own worse selves and you'll get the most discrepancies this way. Use the below instead.
CODE
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">