ListGrid Header mis-alignment

[ellisd5]

Hi all,

I have noticed whilst testing an application I am working on that the headers in the columns do not line up with the actual columns themselves, screen shot attached.

There appears to be no issue with Chrome or Firefox but the issue is there with IE8 and IE9.

I managed to resolve the issue by declaring the DOC TYPE as XHTML strict mode but this caused a knock on effect of calendars in the filter bar being out of position, also effect another screen adding unexplainable gap, so had to pull that DOC TYPE tag and leave it blank (Qwirks mode) I read on a post in here, that is recommended.

Searching this site there were similar issues but none quite the same, they all said a resolution to there problems would be the inclusion of the tag to make it render like IE7

<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

But this did nothing, but then again it wasn't really aimed at this problem, just though it was worth a go.

Has anyone experienced this, anyone know a workaround? maybe its a bug, maybe its something I have done, any help much appreciated.

ListGrid setup

        private ListGrid listGrid = new ListGrid();
        listGrid.setFields(fieldsArray);
        listGrid.setDateFormatter(DateDisplayFormat.TOEUROPEANSHORTDATE);
        listGrid.setAlternateRecordStyles(true);        
        SortSpecifier[] sortSpec = {new SortSpecifier(CustomerCaseDS.USER_CREATED_DATE,SortDirection.DESCENDING)};
        listGrid.setSort(sortSpec);
        listGrid.setSelectionType(SelectionStyle.SINGLE);
        listGrid.setAlign(Alignment.CENTER);
        listGrid.setShowFilterEditor(Boolean.TRUE);
        listGrid.setFixedRecordHeights(Boolean.FALSE);
        listGrid.setAlternateRecordStyles(Boolean.TRUE);

Thanks in advance,
Dale

GWT: 2.0.4
SmartGWT: 2.2