hi

i want to wrap a datatable with a div so i got a horizontal scrollbar.

the scrollbar appears but does not work.

 <div style="white-space:nowrap; overflow-x: scroll; overflow-y: hidden;width:98%" >
 <rich:extendedDataTable value="#{Session.list}" var="wf" id="list"
 onRowMouseOver="this.style.backgroundColor='#FFFF99'"
 onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
 cellpadding="0" cellspacing="0"
 width="102%" border="0" >
 <rich:column sortBy="#{wf.image}" style="text-align:left;" label="image" >
 <f:facet name="header" >
 <h:outputText value="image" />
 </f:facet>
 <center> <h:graphicImage value="#{wf.image}" /></center>
 </rich:column>
 <rich:column sortBy="#{wf.text}" style="text-align:left;" label="text" >
 <f:facet name="header">
 <h:outputText value="text" />
 </f:facet>
 <h:outputText value="#{wf.text}" escape="false" />
 </rich:column>
 </rich:extendedDataTable>
 </div>