user agent stylesheet overrides table?


Staff member
I'm doing some modifications to a wordpress theme, but I'm having a challenge removing the top border on a table. As seen in the example below, it's getting some strange details added to it:

<img src=" " alt="border line">

table {    (user agent stylesheet)
display: table;
border-collapse: separate;
border-spacing: 2px;
border-color: gray;

and then mine:

table {  
border: none;
border-collapse: separate;
border-spacing: 0;

However, the strange part is that's only the top-border that is being displayed. It may be that I'm missing something here. Or, it's pretty obvious...

Example site: <a href="" rel="nofollow noreferrer"></a>