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

Do you mean below your about me and comment box? The reason they aren't right next to each other is because the width of the div isn't big enough. I would suggest making them smaller. You don't have to crop the actual picture but when you put them in you can change the height and width:

CODE

<img src="http://IMAGEURL" height="00px" width="00px">