Maybe I've lost my mind. Maybe I've been doing this too long and I'm just missing something obvious, but for the love of all that is holy, could someone tell me why the images surrounding the <div /> blocks on the following page leave random white space between themselves and the <div /> blocks?! The page validates. I have stripped out everything I can think of that could cause a problem. I have renamed CSS declarations, image names, everything. Pretty soon I'm just going to assume I've completely lost my mind and go move to the mountains or something.

"complex": http://binjured.com/sp/wtf.html
"simple": http://binjured.com/sp/wtf2.html
No Doctype: http://binjured.com/sp/nowtf.html

WHY?!

Edit: It's worth noting that the whole "No DOCTYPE fixes it" thing only seems to apply to Firefox and Opera. I don't know why. Someone kill me.