Fucken CSS

I know html/css isn't really programming but this shit is killing me.

I want to create a table with a black  border.
I want all the cells inside the table to have a red border.

Whenever I do this shit the red border of the <td>'s just overlap the border of the table.. now I've been messing around with border-collapse in CSS but this doesnt resolve my issue.

try ' z-index:10 ' for anything u want underneath and z-index 20899878493331 for anything u want on top