Webkit / Firefox alignment issue

I'm stumped here. I've got maybe 2-3 pixel difference with my header text (img) when displayed in FF vs an webkit browser. Not a whole l开发者_运维知识库ot going on in this page. Both the CSS and HTML validates. Doesn't appear to be and text zoom related. What am I missing?

www.caribouhouse.com

There's a hack for overwriting a css rule in firefox 3 , you can use this :

.foo{}/* other browsers */
.foo, x:-moz-any-link { } /* FireFox 2 */
html>/**/body .foo, x:-moz-any-link, x:default { } /* Only FireFox 3 */


FF and WebKit use different methods/algorithms to render text. Even WebKit by itself uses more than one method to render text, depending. Because of kerning etc it's normal to see different implementations have a difference of a few pixels when rendering text, even when the text is the same font in both cases.