At the moment I am using designing a website in Photoshop and coding it automatically on a table in Dreamweaver. I am using divs to create a small container to place a picture and product description/title. I am having trouble with getting things to stay in the right spot, and I am trying to get a div scroll-bar for my main content area that has all the small containers and text within it. I'm pretty stuck with how to get things to stay in place, also my content area breaks and messes up my layout.

I have attached a picture of what it looks like and the text file of my html. A point in the right direction would be appreciated, I am still learning. -screen-shot-2014-04-22-6-31-43-pm-jpg

hair_products copy.txt