[RESOLVED] Table height - IE

[beylah]

I have created a page using a table but the center cell won't close to the specific height of 505px.

It looks perfect in all browsers but IE the bottom won't close up so you see white space.

here is the site
http://darnumbers.com/

here is the table
<table cellpadding="0" cellspacing="0" border="0" class="layout">
<tr><td rowspan="2" class="area1">&nbsp;</td><td colspan="2" class="area2">&nbsp;</td></tr>
<tr><td class="content">&nbsp;</td><td rowspan="2" class="area3">&nbsp;</td></tr>
<tr><td colspan="2" class="area4">&nbsp;</td></tr>
</table>

and here is the css
html,body { margin-top: 0px; margin-left: 0px; text-align: left; width: 100%; height: 100%; }
.layout{ margin: 0px; width: 100%; height: 100%; }
.content { margin: 0px; width: 758px; height: 505px; background-image: url("images/architecture.jpg"); background-repeat: no-repeat; }
.area1 { border-right: 5px solid #669900; background-color: #cccc33; }
.area2 { border-bottom: 5px solid #669900; background-color: #cc9900; }
.area3 { border-left: 5px solid #669900; background-color: #cc6600; }
.area4 { border-top: 5px solid #669900; background-color: #cccc66; }