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.

data:application/xhtml+xml;base64,PCFET0NUWVBFIGh0bWwgUFVCTElDICItLy9XM0MvL0RURCBYSFRNTCAxLjEvL0VOIiAiaHR0cDovL3d3dy53My5vcmcvVFIveGh0bWwxMS9EVEQveGh0bWwxMS5kdGQiPgo8aHRtbCB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94aHRtbCI+CiAgICA8aGVhZD4KICAgICAgICA8bWV0YSBodHRwLWVxdWl2PSJDb250ZW50LVR5cGUiIGNvbnRlbnQ9ImFwcGxpY2F0aW9uL3htbCt4aHRtbDsgY2hhcnNldD1VVEYtOCIgLz4KICAgICAgICA8dGl0bGU+U2hlIHNlbGxzIHNlYSBzaGVsbHMgZG93biBieSB0aGUgc2VhIHNob3JlPC90aXRsZT4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4vKjwhW0NEQVRBWyovCnRhYmxlCnsKICAgIGJvcmRlcjogMXB4IHNvbGlkICMwMDA7Cn0KCnRkCnsKICAgIGJvcmRlcjogMXB4IHNvbGlkICNGRjAwMDA7Cn0KCi8qXV0+Ki88L3N0eWxlPgogICAgPC9oZWFkPgogICAgPGJvZHk+CiAgICAgICAgPHRhYmxlIGNlbGxzcGFjaW5nPSIwIj4KICAgICAgICAgICAgPHRyPgogICAgICAgICAgICAgICAgPHRkPkkgYW0gYSBjZWxsPC90ZD4KICAgICAgICAgICAgICAgIDx0ZD5NZSB0b288L3RkPgogICAgICAgICAgICA8L3RyPgogICAgICAgICAgICA8dHI+CiAgICAgICAgICAgICAgICA8dGQgY29sc3Bhbj0iMiI+VG8gYmUgb3Igbm90IHRvIGJlPC90ZD4KICAgICAgICAgICAgPC90cj4KICAgICAgICA8L3RhYmxlPgogICAgPC9ib2R5Pgo8L2h0bWw+CgoK