Trouble styling middle row of table apperence

Im trying to style a table so there is a red line under each row. You can see my attempt here;
http://www.jameschetwood.com/menu/tableissue.jpg

Ive managed to put a line under the top and bottom row but not the middle one.
Ive checked with firebug and there doesn't seem to be any other CSS overriding.
When I hover over my html inspector in firebug it shows that there is a line applied to this row, which makes me think it might be a padding issue, pushing the line out of sight.

Here is my code;
.tableHeading TH, .tableHeading {
border-bottom: 6px solid red;
}
.tableHeading TH, .rowEven {
border-bottom: 6px solid red;
}
#cartSubTotal {
border-bottom: 6px solid red;
}

I would really appreciate some help on this as ive searched the forums and couldn't find any posts on this.

thanks
james

jamesdavid:

Im trying to style a table so there is a red line under each row. You can see my attempt here;
http://www.jameschetwood.com/menu/tableissue.jpg

Ive managed to put a line under the top and bottom row but not the middle one.
Ive checked with firebug and there doesn't seem to be any other CSS overriding.
When I hover over my html inspector in firebug it shows that there is a line applied to this row, which makes me think it might be a padding issue, pushing the line out of sight.

Here is my code;
.tableHeading TH, .tableHeading {
border-bottom: 6px solid red;
}
.tableHeading TH, .rowEven {
border-bottom: 6px solid red;
}
#cartSubTotal {
border-bottom: 6px solid red;
}

I would really appreciate some help on this as ive searched the forums and couldn't find any posts on this.

thanks
james

Try adding tr and/or td to the class .tableHeading

Managed to do it with;

.cartQuantity, .cartQuantityUpdate, .cartProductDisplay, .cartUnitDisplay,.cartTotalDisplay, .cartRemoveItemDisplay {
border-bottom: 6px solid red;
}

Thanks everyone
james