Update: If you actually specify a height & width on the image, the height does get added to the overall container height when webkit calculates it.
I’ve also decided to totally avoid keeping the background image for the graph paper on the actual div itself and put it on the container.
Then I started to hit Safari (it’s also a webkit browser) and realised my search arguments weren’t refined enough. Then bam! I’d found the blog post “is webKit too fast for it’s own good” which confirmed a suspicion.
The images in the content were not being taken into account for when webKit calculates the overall height of the container element and thus calculates minus all those god damned images. These are sad times if you have a combined image tower of webkit doom that equals 1000++ pixels and counting of invisable-ness.
I’m thinking of making webkit count the element height of all the images within the wrapper and have it write out, “I will not take your images for granted,” a few hundred times.