Width of left hand column not displaying the correct width
 

I'm redesigning a skin for a 4.1.6 shop at http://98.142.222.173/shop/ and I want the left hand column to be 168px wide. At the moment it's only 155px.

In the skin1.css stylesheet, I have set the column widths as such (below). The right column seems to be behaving, but the left one isn't.

I even tried making the width 183px to take in to account the padding-right, but it made no difference. Short of sticking a transparent image in the column that's 168 pixels wide to force the issue, what am I missing?

Joanne

.VertMenuLeftColumn {
WIDTH: 168px;
VERTICAL-ALIGN: top;
PADDING-LEFT: 0px;
PADDING-RIGHT: 15px;
}
.VertMenuRightColumn {
WIDTH: 255px;
VERTICAL-ALIGN: top;
PADDING-LEFT: 15px;
PADDING-RIGHT: 0px;
}

Re: Width of left hand column not displaying the correct width
 

The total width as you have it is 170px - 155 + 15 padding + 1 left border + 1 right border, 155 being the portion you can use for contents. If you want that portion to be 168 you have to make the width 168 + 2 + 15 = 185