Restyling the table in the shopping cart page

I want to override some html tags and add a border to the table displaying the contents of the shopping cart. How would I do that? I tried setting styles for the id, but that didn't work. I just don't know css well enought yet to do it. Here is what I see in the html:

    <th scope="col" id="scRemoveHeading"> </th>
 </tr>

Inline styling always takes precedence over external stylesheets, but you can add !important to a property in the stylesheet to override the inline style:

#cartContentsDisplay {border: 1px solid #aabbcc !important;}

Thanks, but I've tried that and it makes no difference. In fact, it's set that way now. Actually, I've tried it a few times and it never seems to work. Checked my syntax, too. Does its position in the stylesheet matter? I use FF 2 on Mac. Haven't checked IE or others.

Position can matter. If the same thing is reset after your declaration, the second one will control.
Search your stylesheet for any other instances.

I'm also having an extremely difficult time changing the width of the shopping cart table. Can anyone point me in the right direction of what to edit in the stylesheet. I've tried things such as #cartContentsDisplay {width: 350px !important;} to no avail. Even with the declaration at the bottom of the page nothing helps. Is there some parent that I'm not finding? Also I'm having issues with long quantity boxes, a stretched update cart button and checkbox. :frusty:

I found the guilty party here: input {width: 130px !important; /*orginally auto: hack for Zen Cart resizing buttons, grr */
} oops! It was the children that were causing me such grief for once.