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 (http://eldancall.com)

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%;
...
}