Cell images

I've created a grid that contains multiple columns with images. I need the images centered within the columns. I have been using the following CSS code to do so:

.active-image-checkbox {background: url(../images/table/checkbox.gif); background-repeat: no-repeat; background-position: 50%; }

The problem is that the image disappears. If I change the background postion to: background-position: 10 0;, the image only partly appears. It seems as though it is overflowing behind a div that does not take up the full width of the column.

What might I be doing wrong?

Thanks,

Alex

set the property of the column

.active-column-0 {text-align: center;}