Sort Icon appears left justified on a new line under the header

rlemon

Very simple setup:
container_id is a wrapping DIV for my datatable
[code]
$(container_id).html(html);
$(container_id).children("table:first").dataTable(
{
"bJQueryUI" : true,
"sScrollX" : "100%"

}
);
[/code]
my table is generated via javascript (stored in var html)
Here is a sample of it's output
[code]




First Name


Last Name


Preferred Name


Company


Country1


Territory1


City1


Address1


Country2


Territory2


City2


Address2


Phone#1


Phone#2


Phone#3


Fax#1


Fax#2


Email#1


Email#2


Homepage


Group Memebership






Average


Joe


AvgJoe




Canada


Ontario


Toronto


123 fake street in the US


Canada


Ontario


Kitchener


123 fake street CANADA


011 55 55 5555551234


5555551234


5555551234


5555551234




user@nomail.com




www.helloworld.com


ESP




Robert


Lemon


rlemon




Canada


Ontario


Kitchener


10 fake place


Canada


Ontario


Kitchener


75 fake ave


5555551234


5555551234


5555551234


5555551234


5555551234


rob@dryermaster.com


rob.lemon@gmail.com


www.dryermaster.com


Robs Group




Holly


lastName


Wigga




Canada


Ontario


Kitchener


75 fake Ave.


Canada


Ontario


Toronto


75 fake Ave. South.


5555551234






5555551234




fake@rogers.com




facebook.com


Robs Group




[/code]
**Sorry for all the code, I'm unsure how to correct the issue
I have included no additional css (aside from the JQuery UI)

My sort icons are appearing left justified on a new line under the column head text.

Note, if i set "bJQueryUI" to false the sort icon is no longer on its own line, however it floats behind the header text for some columns.

Using FF 5.0

allan

Have you got something like:

[code]
.css_right {
float: right;
}
[/code]

in your CSS?

Allan