height="100%" bug in IE

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%”.

[code] <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>
[/code]

The problem is caused by the: [b]height=”100%”[/b]

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:

[URL=http://appleology.com/images/100_percent_issue.png]Internet Explorer example.[/URL]

[URL=http://appleology.com/images/100_percent_issue2.png]Firefox example of how it should appear.[/URL]

Also in #CSS _↴