height="100%" bug in IE

[Appleologist]

I am a semi-beginner web developer, and I am currently having an issue with the variable: 'height="100%"'. I am using that variable on 2 columns in a table. (As seen in screenshots.)

Here is a part of the page's code that causes the error in IE (but works fine elsewhere). Note the height="100%".

<td height="455" align="center" valign="top"><table width="730" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="271" valign="top"><table width="269" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#B1CBE4">
<tr>


The problem is caused by the: height="100%"

I am using Dreamweaver for Mac, and the issue only occurs in IE. I have been researching the issue, and haven't found a fix.

Any help would be great!

Links to images concerning the error:

Internet Explorer example. (http://appleology.com/images/100_percent_issue.png)

Firefox example of how it should appear. (http://appleology.com/images/100_percent_issue2.png)

[DJRobThaMan]

Why not give it an actual pixel value.

[Fang]

Give the nested table's container height="100%"
<td height="455" align="center" valign="top"><table width="730" height="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="271" valign="top" height="100%"><table width="269" height="100%" border="0" cellpadding="0" cellspacing="0" bgcolor="#B1CBE4">
<tr>

[ShrineDesigns]

height is an invalid attribute for table, use css