Using the CSS style sheet solved this problem for us. I created three classes in our custom style sheet, myHeaderRight, myHeaderLeft and myHeaderBoth. Next the border line was removed from the myBrowseTable th custom class. The three classes are as follows:
.myHeaderLeft {
text-align: left;
border-left: 0px;
border-top: 1px solid #555;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
}
.myHeaderRight {
text-align: right;
border-right: 0px;
border-top: 1px solid #555;
border-left: 1px solid #555;
border-bottom: 1px solid #CCC;
}
.myHeaderBoth {
text-align: center;
border-top: 1px solid #555;
border-left: 1px solid #555;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
}
This method lets us skip borders on every other cell in the head and alligns the text in each header cell to make it appear the text is one word.