CSS: table-layout:fixed keeps Netscape 7 in line

Netscape 7 was squashing some table cells down, ignoring widths I had specified in the css.

The code for the table:
</p> <table id="learningPlanTabsTable" cellspacing="0"> <tr height="25px"> <td class="action" nowrap valign="bottom">  <br /> <!--selected tab title--><br /> <strong>Summary</strong><br />   </td> <td class="action" nowrap valign="bottom">  <br /> <!--unselected tab--><br /> <a href="link.htm">Plan Details</a><br />   </td> <td class="action" nowrap valign="bottom">  <br /> <!--unselected tab--><br /> <a href="link.htm">Certifications</a></p> <p>  </p> </td> <td class="action" nowrap valign="bottom">  </p> <p><!--unselected tab--></p> <p>   </td> <td colspan="100%" align="right" width="100%"><input type="button" value="Print Report" onclick="printPage();"></td> </tr> </table> <p>

Without the style

table-layout:fixed;

#learningPlanTabsTable {
width:100%;
}

#learningPlanTabsTable td.action {
width:136px;
height:25px;
background-image: url(images/tabs/deselected/tab_01.gif);
background-repeat: no-repeat;
margin:0px;
font-family:Trebuchet MS, Helvetica, Arial, sans-serif;
font-size:13px;
background-color:;
}

View image

With table-layout:fixed;

#learningPlanTabsTable {
/*table-layout:fixed is necessary to keep mozilla browsers from squashing the tab cells*/
table-layout:fixed;
width:100%;
}

#learningPlanTabsTable td.action {
width:136px;
height:25px;
background-image: url(images/tabs/deselected/tab_01.gif);
background-repeat: no-repeat;
margin:0px;
font-family:Trebuchet MS, Helvetica, Arial, sans-serif;
font-size:13px;
background-color:;
}

View image

Thanks much to
Quirksmode for the tip.