HTML and CSS different between Chrome and Firefox

Question

I have the following HTML

<tr>
<td align="left">
<span wicket:id="valuenotifier">
<label name="currentValue" id="currentValue" wicket:id="currentValue" />%
</span> 
</td>
</tr>

and CSS

#currentValue {
font-size: 45px;
font-family:"Times New Roman", Times, serif;
font-style: normal;
line-height:inherit;      
}

What's driving me nuts is that they layout in slightly different way between Firefox and Chrome. In Chrome they are where I put them. In Firefox, the table pushed the table above and below up and down (respectively) by a few pixels. Driving me nuts. Anyone got an idea how to stop it? (Can't tell you about IE for reasons I won't bore you with.)

Answer 1

do

-moz-margin:0px; 
-webkit-margin:0px;

in your Css