Scrollable Data Table Question

[samdoyle]

Why does this this get produced: Produce this?

http://img528.imageshack.us/img528/8607/scrollingdatatablebuggeqr9.png
By this code?

<ui:define name="leftsidebar">
 <rich:panel>
 <h:form>
 <ajax:region>
 <rich:spacer height="30" />
 <rich:scrollableDataTable rowKeyVar="rkv" frozenColCount="1" height="400px"
 width="700px" id="agencyList" rows="40" columnClasses="col"
 value="#{notificationManager.getAgencies()}" var="agency" sortMode="single">

 <rich:column id="agencyName">
 <f:facet name="header"><h:outputText styleClass="headerText" value="Agency" /></f:facet>
 <h:outputText value="#{agency.agencyName}" />
 </rich:column>

 </rich:scrollableDataTable>


 </ajax:region>
 </h:form>
 </rich:panel>
 </ui:define>