Button Image Repeat

Hi,

Is there some sort of ideal size for a button image? Are images set as a background, so that if you make them "less than optimal size" they repeat?

If I use a 16x16 image, I can see one or two pixels of repeat to the right and below of the image.

The image span is made 18x18 px so that with 1px border the image area will be 16x16.

If you are using 16x16 images each in a separate file you can add

.aw-item-image {
background-repeat: no-repeat;
background-position: 1px 1px;
}

Or

.aw-item-image {
width: 16px;
height: 16px;
}

you can also make each image different size if necessary -

.aw-image-special {
background-image: url(special.gif);
width: 25px;
height: 25px;
}