Site global H1 "floats" in over the navigation in Chrome

[rastersize]

Site global H1 "floats" (i.e. "Aron Cedercrantz") in over the navigation in Chrome (verified on OS X and Windows).

[theory]

I fixed this by adding this hack:

/* WTF Chrome? Hack: http://stackoverflow.com/a/13587388/79202 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
  h1 { left: 0.9em; }
}

Probably not the correct fix, but it makes it look okay.

[theory]

Better fix:

1. Reverse the h1 and h2 lines in header.html.
2. Delete the position, display, and top rules from the h1 CSS.