I'm trying to set the height of the container to automatically adjust if the content overflows, allowing it to flow naturally.
This is the code I'm currently using on my site: Here
Please disregard the HTML and focus only on the CSS as that's where I'm encountering an issue.
.game_wrapper {
width:210px;
height:auto;
position:relative;
background:#fafafa;
background:url(bg1.png);
border:1px dashed #7f7f7f;
padding:3px;
}
.game_container {
width:90px;
height:85px;
border:1px solid #fff;
float:left;
margin:3px;
text-align:center;
-moz-box-shadow: 0px 0px 1px #000000;
-webkit-box-shadow: 0px 0px 1px #000000;
box-shadow: 0px 0px 1px #000000;
border-radius:1px;
padding:3px;
transition: all .2s;
-webkit-transition: all .2s;
-moz-transition: all .2s;
-o-transition: all .2s;
position:relative;
background:url(background.jpg);
background-size:100%;
}
... (CSS code continues)