try just changing the 'bottom:xxxpx;' to 'bottom:0px;' it worked for me (in Firefox, IE looks bad no matter which page). The reason it wasn't displaying is that 325px makes the table go outside of the div#layoutBodyContent element, which makes it disappear. Anyway, another thing I notices is that above the 'table a, table, tbody, tfoot, tr, th, td, table caption' are
#tbldisplay table a, table, tbody, tfoot, tr, th, td, table caption {...}
#tbldisplayall table a, table, tbody, tfoot, tr, th, td, table caption {...}
#tbldisplay3 table a, table, tbody, tfoot, tr, th, td, table caption {...}
The ', table,' in all of those parts are causing the table to be changed 4 times. So the bottom (and such) for the table is being set to 375 to 500 to 375 and finally to 325.
Also, I would would definitely do what Pikachu2000 said, alignment is not a valid attribute, etc. Fixing this would probably fix the ugly tables I see using IE on the pages.