Center images (+ dynamic background)

Based on Center images (+ background). In addition:
- uses different background colours while mouse over body / the image
- background grid is also transparent, so you can change secondary (grey) colour without changing the picture

For other variants, see the "webring" :] :
userstyles.org/styles/search/Center%20images?category=global

Notes:
- "body area" is just as tall as image (+paddings), not as viewport
- used gif instead of png because of the size
- Image used (good for testing): http://www.mozilla.org/foundation/identity-guidelines/firefox-128.png
- From: http://www.mozilla.org/foundation/identity-guidelines/firefox.html

Changelog:
2008-06-05 : several fixes: border to outline, removed resetting of body margin and padding (so large picture will not fill the entire viewport, but also will prevent nasty flickering while hovering scroll bar in some cases)
2007-11-27 : fixed 1px left position difference between cold and hover state of images larger than viewport.
2007-12-07 : added background grid also for hovered images in "normal" pages
2008-01-07 : ^ removed. Reason: messy in some pages (eg google maps), and, in fact, this functionality has nothing to do with the title of this userstyle. Functionality moved into an extra userstyle: Show transparency of in-page images on hover
2008-01-09 : source simplification and clean-up (two state solid outline instead of dotted border; but I am not sure if it is useful here at all.) Slightly increased the contrast of the grid.
2008-01-14 : screen-shot updated.