<style type="text/css">

tr {
height: 14px;
}
td {
text-align: left;
padding: 0px 2px;
}
.container
{
/* _height: 200px;*/
_height: 500px;
/* _width: 318px;*/
_width: 900px;
_overflow: auto;
}

.tableScroll td:last-child, th:last-child
{
padding-right: 18px;
}
.tableScroll
{
height: 200px;
width: 300px;
}

.fixedHeader
{
background-color: #fff;
}
.scrollingBody
{
overflow-y: auto;
overflow-x: hidden;
height: 200px;
}
.fixedFooter
{
background-color: #fff;
}
.fixedFooter tr
{
_position: absolute;
top: expression(parentNode.parentNode.offsetHeight - (parentNode.offsetHeight * 2));
}
.noScroll
{
position: relative;
}
</style>

i have the above css and it works fine with IE , but not giving that effect or working with Firefox. culs u help me

also in normal pages where css is not used but only html tables are used also gives layout problem how culd it be rectified?

Please see the FAQ entry Why does my page display fine in one browser but incorrectly or not at all in another?

The CSS you posted includes non-standard Microsoft extensions that other browsers don't support.