IE8 alignment in div issue

Question

How to align the the button in center of div in IE8. Works fine in IE7 but not in IE8

<div id="dPopupFooter" style="background-color: #d9d9d9; position: absolute; z-index: 5;
bottom: 0px; width: 100%; height: 30px; border-top: solid 1px #acacac; text-align: center; padding-top: 3px;">

            <table><tr><td><xrx:CustomButton id="btnClose"  runat="server" OnClientClick="ClosePopup();" /></td></tr></table>           

    </div>

Answer 1

CSS (in style block or stylesheet):

#dPopupFooter table tr td {

text-align: center;

}

Yes, it works, You just can't see it. The problem is your table does not have 100% width:

#dPopupFooter table {
    width:100%
}