title: Cannot adjust vertical spacing for snapping to baseline grid
body: <p>There is <a href="http://neo.chebykin.ru/lab/imposition/" rel="nofollow">a demo page</a> with two block-level elements, namely <code>h1</code> and <code>h2</code>. I try to put all baselines exactly on the grid in a cross-browser way, but I fail with the second heading.</p>
  
  <p>For the <code>h1</code>, I have experimented with <code>margin-top</code> and found that its value can be set between <code>1.5px</code> and <code>1.85px</code>—then the heading snaps to baselines in all browsers.</p>
  
  <p>But trying to find a similar range for the <code>margin-top</code> of <code>h2</code>, I reached a deadlock. In most browsers (e.g. Chrome or Safari) the appropriate range turned out to be <code>4px</code> to <code>4.99px</code>. But in Firefox on Windows (and only on Windows) it is <code>3px</code> to <code>3.99px</code>. So there is no intersecting subrange for possible values of margin. If the heading is perfectly snapped in one browser, it misses by exactly 1 pixel in the other.</p>
  
  <p>Can you suggest any solution?</p>