Hi

I have a table in which one row contains text/numbers, formatted using span tags. The second row contains an image.

When I view the table in Internet Explorer 8, it looks good. But when I view it in Internet Explorer 6 or 7, it looks strange. The top and bottom of the text is missing!

Please see the below code and this picture.

CODE

<table style="width:100%;">
    <tr>
        <td>
            <span style="font-size:30px;font-weight:bold; color:#073F2C">
                    ${service.percChangeTodayFormat }%
            </span>
            <span style="font-size:1.0em;font-weight:bold; color:#073F2C;">
                    (${service.timeFormat })
            </span>
        </td>
    </tr>    
    <tr>
        <td>
            <BR>
            <img src="${service.DayChartUrl }"/>
        </td>
    </tr>
</table>


Can anyone see what is the problem?

Oh, and the table can also be seen here:
http://www.scientia.se