My goal is to display the table td's with alternating borders - one with a border and one without on the bottom. Everything seems to be working fine except for the last td of the table, where the border-bottom does not appear.
Additionally, the issue doesn't seem to be affecting Internet Explorer at all:
.moduletablehome table tbody tr td:nth-child(odd) {
margin: 4px;
padding: 4px;
border-right: 1px solid;
border-bottom: 1px dotted;
overflow: hidden;
}
.moduletablehome table tbody tr td:nth-child(even) {
margin: 4px;
padding: 4px;
border-bottom: 1px dotted;
overflow: hidden;
}
For reference, here is a jsfiddle link: jsfiddle.net/EC6dW/2.