Как прижать изображение к низу блока div ? - Вопросы по CSS

<div class="product">
    <div class="product1">	
  	<img src="images/design.jpg" alt="" />
    </div>
</div>


product{
	border: 1px solid #C5E2F3;
	width:306px;
	height:306px;
	padding-bottom:0px;
}

.product1{
	border: 8px solid #DFEDF5;
	width:290px;
	height:290px;
	text-align:center;
	padding-bottom:0px;
	margin-bottom:0px;
}


.product1 img{
	position:relative;
	margin-bottom:-10px;
}

.product1 img{
	position:relative;
	bottom:-10px;
}

.product1 img{
	position:relative;
	margin-bottom:-10px;
}

.product1 img{
	position:relative;
	bottom:-20px;
	width:auto;
	height:270px;	
}

.product1 img{
	position:relative;
	top:20px;
	width:auto;
	height:270px;	
}

	position:relative;
	top:20px;
	width:auto;
	height:auto;

.category-view .category a {
	position:relative;
	height:200px;
}
.category-view .category a img {
	position:absolute;
	bottom:0;
}

.category-view .row .category .spacer { margin:0;padding:5px;}
.category-view .row .category .spacer h2{ border: solid 2px #fff;
border-top-left-radius: 8px; border-top-right-radius: 8px; border-bottom-right-radius: 8px;  border-bottom-left-radius: 8px;
display: block; height: 255px; width:170px;}
.category-view .row .category .spacer h2 a
{font-weight: normal; font-size:13px; display:block; text-align:center; background-color:; margin: 15px 5px 10px 5px; }
.category-view .row .category .spacer h2 a img{
/*max-width:100%; height:auto; margin-bottom:; margin-left:; margin-right:; margin-top:15px; */
position:relative; top:30px; bottom:0px; width:auto;height:auto;}