Grid Cell Borders

Hi,

I have a grid with a mixture of image cells and text cells. I have set a right hand border of my image columns like so:

var stylesheet = document.styleSheets[document.styleSheets.length-1];
var image = new Active.Templates.Image;
image.setContent("text", "");
image.setStyle("text-align", "center");
objGrid.setColumnTemplate(image, iIdx);
stylesheet.addRule(".active-column-"+iIdx, "width:30px");
stylesheet.addRule(".active-column-"+iIdx, "border-right:1 solid black");

However, when I try to do the same with other, text only columns, the black border does not extend all the way up the right hand side of the grid, there is a gap of about 1px or so between the top border of the row and the end of the right hand border of the cell. Can anyone explain why this is and suggest a work-around. I assume it is some subtle difference between the Image template and the text one? If I assign the image template to my other row then the border is OK, but I can't see the text.....

Thanks for any hints,

Al.