Проблем с кодиране на градиент

[Jester]

Значи имам следния градиент
http://img218.imageshack.us/img218/6972/gradientc.jpg

Трябва да го отежда до където съм теглил линията, за да няма различка след това правя още 1 картника която да се повтаря вертикално и затварям кутийката, но горната част ми става много голяма и празна защото съдържанието ще е в дива с повтяращята се картинка

<div class="green-top"></div>
	
	<div class="title"></div>
	
		<div class="green-y">
		
		
	    </div>
		
		
	<div class="green-bot"></div>


.green-top {
	background: url('../img/cont_top.png') no-repeat; 
	width: 967px;
	height: 179px;
	

	
	}
	
	
	
.title{
	background: url('../img/title.png') no-repeat; 
	width: 276px;
	height:53px;
	margin-top: 40px;
	float: left;
	
}
	
	
	
.green-y {
	background: url('../img/green-y.png') repeat-y; 
	width: 967px;
	
	
	}
	
.green-bot {
	background: url('../img/green-bot.png') no-repeat; 
	width: 967px;
	height:128px;
	
	}