The SitePoint Forums have moved.

You can now find them here.
This forum is now closed to new posts, but you can browse existing content.
You can find out more information about the move and how to open a new account (if necessary) here.
If you get stuck you can get support by emailing forums@sitepoint.com

If this is your first visit, be sure to
check out the FAQ by clicking the
link above. You may have to register
before you can post: click the register link above to proceed. To start viewing messages,
select the forum that you want to visit from the selection below.

Am I losing my mind? (random element spacing)

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.

Okay, if that's so, what on earth is "quirky" about the page? It really doesn't get any simpler than that, as far as HTML/CSS goes. I can even get rid of the IDs for "menu" and "find" and it does the exact same thing, minus borders and stuff.

Edit2: I've since changed the title / op a bit so that it suggests this isn't a doctype problem or something.

I'm at the library right now, but I can tell just from your code that while what you are trying to do CAN be done, you are over-thinking the solution a bit.

Can you wait until I get home (in about 90 minutes) to go through my code library and pull up the code you need to be using?

Sure, I've stopped working on it at this point because I'm about to go insane. They're just a couple of your average rounded corner boxes, I know there are 101 ways to achieve the result, especially when only the height needs to be fluid, I just went with what I thought was the one requiring the least effort :P

If I cared a whole lot about just making a solution I would have switched to div background images or something by now, it just makes no sense whatsoever that the images are gaining this phantom spacing.

I've stopped working on it at this point because I'm about to go insane. They're just a couple of your average rounded corner boxes, I know there are 101 ways to achieve the result, especially when only the height needs to be fluid, I just went with what I thought was the one requiring the least effort.

These are the three methods I would suggest for creating rounded corner boxes (depending on the requirements I would pick the proper technique) - they are from CSS Mastery.