Check out my code snippet
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style type="text/css">
#image_container
{
position:absolute;
top:100px;
left:0px;
height:420px;
}
.folder_image
{
background:url(folder.png) top no-repeat;
width:679px;
height:420px;
top:0px;
left:0px;
position:relative;
float:left;
margin-right:50px;
}
</style>
</head>
<body>
<div id="overflow_container">
<div id="image_container">
<div class="folder_image"></div>
<div class="folder_image"></div>
</div>
</div>
</body>
</html>
This is the goal I'm aiming for: Adding new divs with the class folder_image should place them side by side horizontally without explicitly setting the width of the parent container, #image_container.
Your help would be greatly appreciated.