ie7 transparent background

[digitalbart]

Hello I have a table which I use to sort items via javascript. I apply sorting_desc/sorting_asc class to show an arrow to indicate which way the column is sorted. I am using a transparent png for the sort.

The arrow will show up in IE7 but a white background is shown instead of the background image which is applied to the tr. This works in IE8 and FF 3 but not IE7.

Any ideas greatly appreciated?

Code:

html ————-

css———–

.dataTables_wrapper table tr {
background:url(/images/th-background.png) repeat-x left top;
border-bottom:1px solid #FFFFFF;
font-size: 13px;
text-align: left;
}

thead th.sorting_asc {
background: url(‘/images/sort-up-arrow-trans.png’) no-repeat center left;
text-align:left;
}

thead th.sorting_desc {
background:url(‘/images/sort-dn-arrow-trans.png’) no-repeat center left;
text-align:left;
}

Country	Visitors

[deepak.webtenet]

You must have using IE6. IE7 has built in module for png fix.

[Author]

Posts