Images Align Horizontally ugh!, I can't get it to work! Options

[AndiCandi]

I'm making a div overlay and I have a small box in which I want to put images that can only be scrolled horizontally. The problem is, everytime I add an image, it goes below the first image and not right next to it like I want. The result is a long vertical list of images that exceed my box but don't use the space I provided with the overflow-x;scroll attribute. I've even tried tables but they only interfere with my overlay code.

Here's my page so you can see my attempts:

My Profile