Internet Explorer IE and CSS PROBLEM

Question

I have the following code, which works in Internet explorer 6 and 7, but not in 8. The buttons are dispayed, but the images are not in IE 8. Any ideas?


<table height="142" cellspacing="0" cols="3" cellpadding="0" width="605" align="center" summary="" border="0">
    <tbody>
        <tr>
            <td valign="top" scope="row" align="left" width="200">
            <table height="142" cellspacing="0" cellpadding="0" width="200" align="center" summary="" border="3">
                <tbody>
                    <tr>
                        <td width="200"><button style="BACKGROUND-IMAGE: url(/Portals/0/Events_Talll.jpg); WIDTH: 200px; HEIGHT: 144px" onclick="window.location='http://www.brookhaven.org/TownCalendar/tabid/55/Default.aspx'" alt="View the Town Calendar"></button></td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td valign="top" scope="row" align="left" width="205">
            <table height="142" cellspacing="0" cellpadding="0" width="205" align="center" summary="" border="3">
                <tbody>
                    <tr>
                        <td width="200"><button style="BACKGROUND-IMAGE: url(/Portals/0/Form_small.jpg); WIDTH: 205px; HEIGHT: 71px" onclick="window.location='http://www.brookhaven.org/LicensesPermitsApplications/tabid/134/Default.aspx'"></button> </td>
                    </tr>
                    <tr>
                        <td width="200"><button style="BACKGROUND-IMAGE: url(/Portals/0/Rep_small.jpg); WIDTH: 205px; HEIGHT: 71px" onclick="window.location='http://www.brookhaven.org/BrookhavenElectedOfficials/ElectedOfficials/tabid/178/Default.aspx'"></button> </td>
                    </tr>
                </tbody>
            </table>
            </td>
            <td valign="top" scope="row" align="left" width="200">
            <table height="142" cellspacing="0" cellpadding="0" width="200" align="center" summary="" border="3">
                <tbody>
                    <tr>
                        <td width="200"><button style="BACKGROUND-IMAGE: url(/Portals/0/park_tall(1).jpg); WIDTH: 200px; HEIGHT: 144px" onclick="window.location='http://www.brookhaven.org/ParksRecreation/tabid/117/Default.aspx'"></button> </td>
                    </tr>
                </tbody>
            </table>
            </td>
        </tr>
    </tbody>
</table>
<br />
<br />
<br />

Answer 1

Hi,

Plese always validate your markup first before submitting samples. Also include your Doctype declaration and head blocks.

Try replacing background-image with the background rule.


eg.

background: transparent url(/Portals/....);

Regards.

---

Rob^_^