I am trying to use the border-collapse property on my grid but the border still doubles up between cells. I tried adding !important to the property but with no success. I just want a single 1px line between the lines of horizontal text.
.grid {
border-collapse: collapse;
border-bottom-style: solid;
border-bottom-width: 1px;
border-bottom-color: #cccccc;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #cccccc;
}