CSS cell margins/borders - need help

Hi,

I'm changing the look and feel of the sideboxes via the stylesheet. Have worked out how to change the colours, but can't work out how to do cell margins/borders. I'd like each cell entry to have a line underneath, like the one found on the left menu at www.chococo.co.uk but I'm only getting a line at the bottom of each table. Seems I don't know CSS as well as I thought - anyone have any ideas?

Many thanks,
Adam.

After further experimentation I can now get the line in some sideboxes, but not others - it is showing in the New Products sidebox, but not in Categories or Manufacturers. Code is below...

[HTML]
.leftBoxHeading, .centerBoxHeading, .rightBoxHeading {
margin: 0em;
border-bottom: 1px solid #000000;
background-color: #89BD51;
background-image: url(../images/tile_back.gif);
padding: 0.5em 0.2em;
}

.leftBoxContainer, .rightBoxContainer {
margin: 0em;
/*border: 1px solid #FFFFFF;*/
background-color: #D3FDA6;
border-bottom: 1px solid #000000;
margin-top: 1.5em;
}

.sideBoxContent {
background-color: #D3FDA6;
padding: 0.5em;
border-bottom: 1px solid #000000;
}
[/HTML]

Any input much appreciated.

Cheers,
Adam.

For anyone else that is reading this thread...after hours of trial and error I discovered the Lavender template and am using stylesheet functionality from this - still not perfect but getting there....it's available on the zen cart site where people upload free templates.