user agent stylesheet overrides table?

[admin]

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="

https://imgur.com/FEWD5

" 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;
border-color:#FFFFFF;
}

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="http://friknektene.no/wordpress/?page_id=2" rel="nofollow noreferrer">http://friknektene.no/wordpress/?page_id=2</a>