Okay, now there's 3 options so far:
- One, my non-floating hover code (the so-called "improved version")
- Two, a modification of my original code
- Three, a modified version of option one
Option 1 is by far the simplest method, but the enlarged image doesn't float, and therefore expands the div-block it resides in.
Option 2 is great, because each image displays for 5 seconds and disappears automatically. It is bad because it also affects the an author's avatar.
Option 3 is great because it does pretty much what Option 2 does, except it doesn't affect the author's avatar. However, the images don't disappear after 5 seconds, they disappear instantaneously after you hover away from them. And it doesn't work in Safari for some odd reason, I've fixed this.
Option 4: use the method Pieter has linked to (yes, this CAN be done)