I've got a situation where a table (border = red) is suppose to be enclosed by
a div (border = green). This displays fine in IE, but in firefox, the inner table pushes outside the enclosing div. Any ideas how to fix this???

By the way. Most of this code is autogenerated by other parts of the program. I don't have much control of how nasty it look. I do have SOME (not total) control of the inner DIV and table... A lot of stuff was stripped out to get to a simpler example (and because there was company related stuff in there)


<table cellpadding=0 cellspacing=0 style="height:100%" border='1' bordercolor="blue">
<tbody>
<tr valign="top">
<td style="z-index:-2;">
<!--[if IE]>
<div style="border:2px solid black;height:95%;">
<![endif]-->

<![if !IE ]>
<div style="border:2px solid black;width:25ex;height:95%;">
<![endif]>



<!--[if IE]>
<div id="" style="border:2px solid green;">
<![endif]-->
<![if !IE ]>

<div id="" style="height:100%;border:2px solid green;">
<![endif]>

<div >
<img name="Image399" id="Image399" src="/Bookmarks.gif" border="0" />
Title
</div>
<table style="height:90%;width:100%;" cellpadding="4" border='1' bordercolor='red'>
<tr>
<td rowspan="6">
<div >

<div style="width:150px;height:500px">
stuff, real div will be size of content
</div>


</div>
</td>

<td valign="top">
<table border="0" cellspacing="0" cellpadding="1" width="100%" >
<tr>
<td nowrap="nowrap" align="center"><a href="javascript: void 0;"><img src="BookmarkNew.gif" alt="Add " border="0"/></a></td>
</tr>
</table>


</td>
</tr>
<tr>
<td valign="top"><table border="0" cellspacing="0" cellpadding="1" width="100%">
<tr>
<td nowrap="nowrap" align="center"><a href="#"><img src="/BookmarkUpdate.gif" alt="Save " border="0"/></a></td>
</tr></table>

</td>

</tr>
<tr>
<td valign="top"><table border="0" cellspacing="0" cellpadding="1" width="100%" >
<tr>
<td nowrap="nowrap" align="center"><a href="javascript: void 0;"><img src="BookmarkProperties.gif" alt="Organize" border="0"/></a></td>
</tr></table>

</td>
</tr>
<tr><td height="80%">&nbsp;</td></tr>
</table>

</div>
</table>