I have a table in which I would like the borders to collapse and all the cells to touch. I feel like I may be missing something obvious, but the bottom borders are not showing at all despite having height assigned to them. They instead just separate the cells from one another allowing the background color to show through (red in the example).

If I change the `border-collapse` to `separate` the borders re-appear, but the gaps remain as well as adding gaps between the columns as well.

[JSfiddle](https://jsfiddle.net/32o87x7L/)