div под размер сожержимого

[Cooooop]

Здравствуйте, как можно растянуть div по размеру содержимого?

		<div class="block_games">
			 <div class="game_title">
                            <a href="" class="img_game" rel="bookmark" title="">
                                <img src="img/test.png" alt="Name Game" height="85" width="85">
                            </a>
		            <a href="" rel="bookmark" title=""> 
			       <span>
		                   Game
			       </span>
			    </a>
                         </div>
                  </div>

.block_games{
border-top: 1px dashed #ccc;
border-bottom: 1px dashed #ccc;
margin: 5px 0px 5px 0px;
padding-top: 5px;
}


.block_games span{
display: block;
text-align: center;
}

.game_title{
float: left;
margin: 0px 5px;
}


.block_games a{
color: #ccc;
}

Картинка

Как видно block_games не имеет высоты и его содержимое "вываливается" за его пределы, нужно что бы блок растягивался в зависимости от содержимого, то есть был резиновым. Как такое провернуть?

[mrnobody]

Попробуйте применить свойство display: inline-block;

Edited November 11, 2012 by mrnobody

[Yazon_Nile]

overflow:hidden