Brøk - width i table forstås forskelligt i IE og Firefox

Jeg har en side, hvor jeg godt vil vise nogle brøker.

Jeg tænkte at det jo kunne laves simpelt vha. en tabel med tre rækker:

<table border="0" cellpadding="0" cellspacing="0">
  <tr>
    <td>3</td>
  </tr>
  <tr>
    <td><img src="black_dot.png" width="100%" height="1" /></td>
  </tr>
  <tr>
    <td>4</td>
  </tr>
</table>

Filen black_dot.png er blot en 1X1 pixel sort prik, der kan strækkes afhængig af størrelsen på brøken.

Dog er det ikke altid at brøkstregen har den korrekte bredde i IE. I Firefox er den altid den bredde brøken har, men i IE er brøkstregen somme tider breddere end selve brøken.

Prøv at indsætte ovenstående kode i et dokument og opdater gentagende gange i IE, så vil du forhåbentlig kunne se mit problem. IE vælger ligesom en minimumsbredde en gang i mellem.

Har jeg lavet noget galt eller er det blot en af de gaver man får fra Bill Gates ved brug af hans så fantastiske IE ;) ?