I have a problem where the righthand site border disappears when i add padding-left to the CSS classs TabPage.  If the padding is zero it works, but as soon as i add it, the right border disappears.

Here is my stylesheet:

.WH_TOP_TabStrip {

border-bottom : 1px solid #9E9E85;

margin : 0;

padding-bottom : 19px;

padding-left : 0px;

}

border-right: #9e9e85 1px solid;

font-size: 11px;

background: url(images/wh_tab_background.gif) #f7f7f1 repeat-y left top;

border-left: #9e9e85 1px solid;

border-bottom: #9e9e85 1px solid;

padding-top: 10px;

padding-bottom: 10px;

padding-left: 5px;

padding-right: 5px;

font-family: Arial, Helvetica, sans-serif;

}

.WH_TOP_TabStrip .WH_TOP_TabSelected{

cursor: pointer;

display : inline;

list-style-type : none;

margin : 0 0 0 4px;

padding : 2px 10px;

background : #F7F7F1;

border-top : 1px solid #9E9E85;

border-left : 4px solid #9E9E85;

border-right : 1px solid #9E9E85;

border-bottom : 1px solid #F7F7F1;

color : #727265;

float : left;

font-family: Arial, Helvetica, sans-serif;

font-size : 11px;

font-weight : bolder;

line-height : 14px;

padding : 2px 10px 2px 10px;

text-decoration : none;

-moz-border-radius-topleft: 7px;

-moz-border-radius-topright: 7px;

}

.WH_TOP_TabStrip .WH_TOP_TabUnselected {

cursor: pointer;

display : inline;

list-style-type : none;

margin : 0;

padding : 0;

background : #E5E5CB;

border : 1px solid #9E9E85;

border-left : 4px solid #9E9E85;

color : #727265;

float : left;

font-family: Arial, Helvetica, sans-serif;

font-size : 11px;

font-weight : bolder;

line-height : 14px;

margin-left : 4px;

padding : 2px 10px 2px 10px;

text-decoration : none;

-moz-border-radius-topleft: 7px;

-moz-border-radius-topright: 7px;

}

.WH_TOP_TabStrip .WH_TOP_TabMouseover {

color : black;

background: #CCCCB2;

}