Datatable Sorting Image not coming Properly

mathi

Hi All,
I have used datatable 1.8.2 version in my application. I initialized $('#AMSListTable').dataTable(). Its working fine.
But Images (Asc and Desc) are supressing. Its not displaying fully.
Please help me.

Pls find the below datatable Css for sorting:

.sorting { background: url('../images/sort_both.png') no-repeat center right;color:Green }
.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right ;cursor:pointer;color:Green;margin-top:800px;padding:500px 0 0 0;top:800px}
.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right;cursor:pointer; color:Green;text-align:left;margin-top:800px;padding:500px 0 0 0;top:800px }

.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; cursor:pointer;color:Gray;margin-top:800px;padding:500px 0 0 0}
.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right;cursor:pointer;color:Gray; margin-top:800px;padding:500px 0 0 0}
.display thead th .DataTables_sort_wrapper span { float: right; margin-top: 200px; }
.ui-icon {
display: block;
float: right
}
table.dataTable thead th div.DataTables_sort_wrapper { position: absolute; top: 100%; margin-top: 200px; padding-right: 20px; padding-right: 20px;color:Green;}
table.dataTable thead th div.DataTables_sort_wrapper span { position: absolute; top: 100%; margin-top: 200px; right: 0; color:Green;}