Hello everyone-

I am attempting to draw a fraction using the following code inside the table data cell of another table:

<table cellpadding="0" cellspacing="0">
 <tr> <td align="center"><div class="FontSize2"><b>24</b></div></td> </tr>

 <tr> <td align="center"><img src="<?php echo $LinePath; ?>" alt="Fraction bar" height="2" width="<?php echo $Frac2ChWid; ?>"></td> </tr>

 <tr> <td align="center"><div class="FontSize2"><b>30</b></div></td> </tr>
</table>

"FontSize2" is just a text size, $LinePath is the path to the image of the fraction bar, and $Frac2ChWid stores the width of the fraction bar in different screen resolutions.  In IE6 the fraction shows up fine, but in Firefox the table data cell containing the image of the fraction bar is always about 20 pixels high instead of 2. I have tried the following CSS statements combined with <td class="test"> to fix the problem:

td.test
 { margin: 0px;
    height: 3px;
    padding: 0px; }

td.test
 { display: block;
    margin: 0px;
    height: 3px;
    padding: 0px; }

The first statement has no effect, the second produces a strange image that looks like a completely new table cell has been created in addition to the existing one.

What am I doing wrong?  I am a novice programmer, so please use simple terminology.

Thanks for your help,
Tom Richey