Datatable Sorting image position issue

pal_2486

I am using JQuery datatable and wanted to move the sorting image say the sorting arrow image should be 10px to the right of the column headers. By changing the below css property to either left or right or center doesn't seem to work for me. i want the image(Sort image) to be 10px to the right of the column header name .Say column header to be Account Manager Name.

[code]
.sorting_asc
{
background: url('images/sort_asc.png') no-repeat center center;
color:#000000;
text-align:left;
}
[/code]

Please Help.
Thanks

allan

There are a couple of ways of doing this - the easiest is simply to add 10px on the side of the image that you want the padding to appear. The alternative is to use the CSS background positioning, a bit like you've got, but you can specify pixel positioning as well 'no-repeat 10px 0' for example.

Allan