Bits And Pix

.ico{
	background-image: url(images/my-sprites.png);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	display:inline-block;
}

/* Sometime alignment is better with a display block and float left */
.icoFL{
	background-image: url(images/my-sprites.png);
	width: 16px;
	height: 16px;
	background-repeat: no-repeat;
	display:block;
	float:left;
	margin: 2px 4px 0 0;
}

/* This should be used when using the icoFL for the label on the right. */
.icoFL-lbl{
	padding-bottom: 5px;
}

/* This is an example of an icon for a document */
.icoDocument{
    background-position: 0 0;
}

/* This is the second icons. The icons are every 32px horizontally and veritically */
.icoFolder{
	background-position: -32px 0;
}

background: #999; /* for non-css3 browsers */

filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#000000'); /* for IE */
background: -webkit-gradient(linear, left top, left bottom, from(#ccc), to(#000)); /* for webkit browsers */
background: -moz-linear-gradient(top,  #ccc,  #000); /* for firefox 3.6+ */