Sort Icons are overlapping text in header

schapes

Hi,

I am very new to using jquery and datatables.

I finally got my sort icons to appear but now they are overlapping on some columns with the header text.

I copied the style sheets that came with the 1.9.3 datatabes. I am using IE 8.

Here are some snippets from my css.


table.display thead th div.DataTables_sort_wrapper {
position: relative;
padding-right: 20px;
}

table.display thead th div.DataTables_sort_wrapper span {
position: absolute;
top: 50%;
margin-top: -8px;
right: 0;
}

.sorting {
background: url('../images/sort_both.png') no-repeat center right;
}


How can I get the icons to appear to the right of my column headers?

Thanks for any clues!

Karen