Problemer med fade baggrund og side-skygger

Hej,

Jeg er simpelthen kørt så meget fast.
Jeg har en side hvor baggrunden fader ca. 580px ned og table'n fader ud i hver side.

Derfor har jeg opbygget det sådan op;
<table id="main">
    <tr>
        <td class="main_left_shadow"></td>
        <td rowspan="2" class="main_content"></td>
        <td class="main_right_shadow"></td>
    </tr>
    <tr>
        <td style="background-image: url('images/main_left_shadow_white.gif');"></td>
        <td style="background-image: url('images/main_right_shadow_white.gif');"></td>
    </tr>
    <tr>
        <td colspan="3" class="main_bottom"></td>
    </tr>
</table>

Eller som design;
http://www.markkordon.name/exp/forside.gif

De to td'er - main_left_shadow og main_right_shadow - har en fast højde på 580px, så burde de to td'er med style fylde resten - det virker i FF, men ikke i IE.

Er der nogen der har en anden måde at bygge det op på eller anden hjælp...?