I have a small accordian style div that when clicked uses jQuery slideToggle() to show a hidden dataTable. Everything looks great in most browsers but displays funny in IE7. I have a jsFiddle that shows the problem:
http://jsfiddle.net/txSED/13/
Basically, when you click the div header, the datatable immediately pops in front of everything while my div below slides down behind it. I've played with z-index a bit with no luck. Any tips or pointers would be much appreciated. I basically need a way to push the dataTable behind the rest of the divs on the page while retaining the sort functionality.
http://jsfiddle.net/txSED/13/
Basically, when you click the div header, the datatable immediately pops in front of everything while my div below slides down behind it. I've played with z-index a bit with no luck. Any tips or pointers would be much appreciated. I basically need a way to push the dataTable behind the rest of the divs on the page while retaining the sort functionality.