I am facing with a wierd problem. I have a JSF page with a fixed width. I am trying to add two rich:extendedDataTable 's into a h:panelGrid with 2 columns and add it to a page . The page is rendering properly in Firefox (i.e scroll bar for the panelGrid and able to scroll horizontally to view both the tables). But while viewing the same page in Internet Explorer the tables are being displayed over the panelGrid (Please see the attached images for page view in IE and Firefox). I assumed this might be a z-index problem and tried it correct giving postion:relative to the dataTable but could'nt get proper rendering. Please help me to solve this problem.