Bottom Border Doesn't Disappear in Chrome and Safari

[buckibooster]

I am having a cross browser issue with Chrome and Safari. The relevant css is listed below:

table, tr, th
{
border-collapse:collapse !important;
table-layout: fixed;
}

td
{
overflow:hidden;
border-collapse:collapse;
font-size: 18.0pt;
font-weight: bold;
color: maroon;
height: 40px;
}

td.tabs1
{
overflow:hidden;
height: 30px;
text-align: center;
vertical-align: bottom;
border-top: 2px solid maroon;
border-left: 2px solid maroon;
border-right: 2px solid maroon;
font-size: 18.0pt;
}

td.tabs2
{
overflow:hidden;
height: 30px;
text-align: center;
vertical-align: bottom;
border-top: 2px solid maroon;
border-left: 2px solid maroon;
border-right: 2px solid maroon;
border-bottom: 2px solid maroon;
font-size: 18.0pt;
}

td.tabs3
{
overflow:hidden;
height: 30px;
text-align: center;
vertical-align: bottom;
border-bottom: 2px solid maroon;
font-size: 18.0pt;
}

There is javascript that changes the class of a tab to tabs1, tabs2 or tabs3 depending on the location in the table and tab selected. tabs1 surrounds the text on three (3) sides (top, right and left) leaving the bottom open. This is intended to represent the active tab. tabs2 completely surrounds the text and is intended to represent an inactive tab that can be selected and changed to active. tabs3 only places a line at the bottom of the tab and is intended to indicate an inactive tab that cannot be selected. In IE11 and Firefox 63.0, all borders appear as they should. In chrome and safari, the border-bottom does not disappear when tabs is selected as the tab class. I’ve tested the javascript code to make sure that the class intended is assigned when the tab is selected.

I’ve done a lot of research into this issue and have found nothing helpful. Some research indicates that it could be a meta tag issue so I’m posting the meta tags for my website below.

Any suggestions as to what might resolve this issue?

[Paulie_D]

We can’t do much with a codedump and a description.

A functional minimal demo in Codepen.io would be helpful here.

[buckibooster]

Please delete my posting and remove my login!

[Author]

Posts