CSS Postitioning for Cross Browser

[praisehim]

Hi All,

this is my first thread, so bear with me... I have an admin panel setup. It uses CSS for the postioning of the bottom bar. You can check it out here

Now if you viewed that in Mozillia, it looks great! But try IE, not so great... You can check out the "View Page Source" to see what I have under the lid.

Just wondering if there was anyway to still use CSS for the positioning, but making it browser friendly.

For the bottom bar I used this in my CSS:

td.footer
{
	background-image: url("templates/default/images/bottom.png");
	font-family: arial;
	font-size: 10pt;
	text-align: center;
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	color: #FFFFFF;
	vertical-align: middle;
}

to be exact. The image is in a td, which is in a table with 100% width.

Any help would be appreciated
Thanks...

[boogyman]

td.footer {
    width: 100%;
    ...
}