The navigation looks nice, like the image sprites.
But when the text is resized with the browser (in firefox), the #infobar div
gets pushed down, and the #menu sprite images are exposed.
Could you adjust the positioning of #infobar to fix this?
Try changing #pg-diamond to float:right.
Also, if you want a consistent pixel-based margin or "gutter" in between all
three columns, you have two options.
1) Strip all margin and padding from the #pg-whatever div's, and apply the
margins (1%, 10px, whatever) to all elements inside the #pg-* divs
