We need more info on how the thumbnail div relates to the rest of the page artifacts. The div will tend to expand as you add things in it until it reaches the bottom of its container. Is the div height / width automatic? You might want to make it fixed, maybe calculate it on resize.
Well the page is seperated into 3 DIVs placed next to eachother with the thumbnail div being the middle one. Here is the CSS for the three DIVS, the order is from left to right as they pertain to the page, the second being the thumbs area.
And of course these DIVS are inside another container DIV. As u can see in the CSS the width is set as well as the height. Should i change those options? Also each thumbnail is inside a DIV. Would this affect what im trying to accomplish? I am attaching a picture of the problem im having, the image overflows outside my main DIV container, im sure this is not supposed to be happening. I want that middle container to scrol so i can add as many thumbs as i choose.
Height is a restriction in all browsers except IE. Avoid height values on containers that may be need to stretch to allow for increases in content or text sizes. Otherwise content will spill out of your layout. Test your pages in Firefox with View > Zoom, Text Only. Hit Ctrl+++.
If required, use the min-height property for modern browsers that support it, along with height hacks or conditional comments for pre-IE7 browsers.
min-height: 800px; /**for modern browsers**/
_height: 800px /**for pre-IE7 only**/
To add a scroll bar to a division, use height in pixels plus overflow: auto.
NOTE: Extra scrollbars are confusing to some users and may pose usability problems for people/devices that don't have a mouse.
Much depends on the look you're trying to achieve. If you don't specifically want a particular height, do as Nancy mentions. Setting the overflow of the thumbs area to auto will get you the scrollbar instead of the thumbs spilling over. I would change the divs around the thumbnails to anchors and see how that works for you.