Extra +4px in CSS calculations w/ FireFox
===

There are alot of 1px - 4px errors in my display that I've been fixing by resetting the CSS manually (i.e. setting defaults to 0 to normalize between browsers ).

My guess is that I have an un-normalized parameter some where or perhaps I don't understand the box model perfectly.

But here, [a js fiddle][1], I have a box that hangs about 4 px too low.

**Calculations**

Size of Name Box(#hold_name) - 10px (padding top and bottom) + 10px (font size) = 20px.

Size of Image(#hold_picture) - 20px ( defined as height parameter )

Menu Bar(#Aa) - 40px (defined as height parameter )

These are the dimensions I want but the box hangs down too low...

Where is this extra length coming from?

I normalize the p, div, and body tag which I thought would give me a base of 0.

I am working in Fire Fox 

  [1]: http://jsfiddle.net/KuYuh/8/