[HTML/CSS]plaatje in tabel wil niet mee scalen in IE

[Verwijderd]

Hallo,

Ik heb het volgende gemaakt: http://www.wens.speedxs.nl/002.html

Ik heb een backgroundplaatje gebruikt.
Deze staat in een td.

Wat ik zou willen is als ik mijn scherm scale het plaatje ook meescaled, dus meebeweegt omhoog of omlaag, zodat deze altijd onderin staat uitgelijnd.
En dat de scroolbalk er alleen komt als de td wordt uitgerekt door gegevens.

Dit gebeurt wel in FF maar niet in IE.

Ik snap even niet waarom in FF wel in IE niet.
Hopelijk wilt iemand mij hierin helpen?

Alvast bedankt.

Hier nog even de code:

CSS:

Cascading Stylesheet:

body {
    color:#000; 
    background-color: #000;
}
html, body, #wrapper {
    height:100%;
    margin: 0;
    padding: 0;
    border: none;
    text-align: center;
}
#wrapper {
    margin: 0 auto;
    text-align: left;
    vertical-align: middle;
    width: 770px;
    }
.border1 {
    background-color:#430202;
    width:82px;
    }
.border2 {
    background-color:#871916;
    width:156px;
    background-image: url(images/bottom.jpg);
    background-repeat: no-repeat;
    background-position:bottom;
    }
.border3 {
    background-color:#a2312c;
    width:56px;
    }
.border4 {
    background-color:#ab3c37;
    width:22px;
    }
.menu {
    background-color:#ab3c37;
    width:454px;
    height:21px;
    }
.content {
    background-color:#430202;
    width:454px;
    height:100%;
    }
.logo {
    width:454px;
    height:172px;
    }

HTML:

HTML:

<table id="wrapper" cellpadding="0" cellspacing="0">
    <tr>
        <td rowspan="3" class="border1"></td>
        <td rowspan="3" class="border2"></td>
        <td rowspan="3" class="border3"></td>
        <td rowspan="3" class="border4"></td>
        <td class="logo">
            </td>
    </tr>
    <tr>
        <td class="menu">
        </td>
    </tr>
    <tr>
        <td class="content">
        </td>
    </tr>
</table>