Header doesn't rest at top of page on Firefox browser

The Firefox browser renders the blue header box a few pixels below the top of the screen when the site name is displayed in that block. How far below the top depends on the current text size.

Adding some padding to the #site-name block fixes the problem. See attached patch.

This patch also inverts the sequence of the elements. Previously, it was [a][h1]text[/h1][/a]. Should be h1 outside the a.