<div class="cat">
which is the red div on the left looks bigger then the
<td class="cat">
which is the the red td on the right.

y is that?

.cat, .catLeft, .catRight  {background:#860000 url(images/catbottom.gif) top left repeat-x; height:20px; padding: 3px; border-left:solid 1px #BB0000; border-right:solid 1px #850000; border-top:solid 1px #BA0000; border-bottom:solid 1px #820000; text-align:center; white-space:nowrap; font-size: 11px; color: #D0D0D0; }
.catLeft { text-align: left; }
.cat a, .cat a:visited { text-decoration: none; color : #D0D0D0; text-decoration: underline; }
.cat a:hover{color : #fff; }