Image in a cell is getting cut off on the right side

I am trying to insert 4 images in the 4 grid couluns.
The width specified is more than the image width.
Yet , I see a large portion (upto 50%) on the rightside of image custom cut off.
a very small portion of the other 3 images cut off on the right side.
The columns are 5, 9,12 and 14.

/** CSS **/
.aw-image-custom {background: url(/images/truck-blue.gif); }
.aw-image-cart {background: url(/images/products-carticon-sm.gif); }
.aw-image-os {background: url(/images/products-ordersheeticon-sm.gif); }
.aw-image-label {background: url(/images/bsmImages/labels_yellow.gif); }

var obj = new AW.UI.Grid;

obj.setCellFormat([str, str, str, str, str, str , str, str, str,str,str,str,str,str,str ]);
obj.setColumnCount(15);
obj.setColumnIndices([0,1,2,3,4,5,6,7,8,9,10,11,12,13,14]);

obj.setColumnWidth(50, 5);
obj.setCellImage("custom", 5);
obj.setCellTemplate(new AW.Templates.ImageText,5);

obj.setColumnWidth(30, 9);
obj.setCellTemplate(new AW.Templates.ImageText, 9);
obj.setCellImage("cart", 9);

obj.setColumnWidth(40, 12);
obj.setCellTemplate(new AW.Templates.ImageText, 12);
obj.setCellImage("os", 12);

obj.setColumnWidth(50, 14);
obj.setCellTemplate(new AW.Templates.ImageText);
obj.setCellImage("label", 14);

Any help is appreciated.

You should add image width/height to the CSS for the large images -

.aw-image-custom {
  width: 30px;
  height: 20px;
  background: url(/images/truck-blue.gif); 
}

Thanks a lot Alex. It works.