help with scrolling

chicagobob

Hi,

I'm having some formatting weirdness when I enable scrolling on a simple table. The header renders just fine when I don't enable scrolling. I'd appreciate any help. Thanks in advance. Here is a screen shot: http://i.imgur.com/ljKzC.png

[code]jQuery ->
$('#date_results').dataTable
sScrollY: "300"
bJQueryUI: true
bPaginate: false
bLengthChange: false
bFilter: false
bSort: true
bInfo: false
bAutoWidth: true
bScrollCollapse: true
oLanguage:
sEmptyTable: "No Available Dates"[/code]

[code]


Start Date
All
Partial




2012-03-28 (Wed)
2
2


2012-03-29 (Thu)
2
1


2012-03-30 (Fri)
2
1


2012-03-31 (Sat)
2
1


2012-04-01 (Sun)
-
-



[/code]

chicagobob

PS: the header UI gap also appears even when there aren't enough rows to require scrolling. This is on Safari 5.1.5 and FireFox 12.0 on Mac OS X 10.7.3