помогите прилепить один div к другому

[str]

Нужно прицепить div#bodyGradient к левой стороне div#bodyContainer и повторить по оси Y по высоте div#bodyContainer .

Имеем следующее:

HTML:

<div class="bodyGradient"></div>
<div class="bodyContainer">
	... <!-- тут куча других дивов, в общем главные элементы страницы  -->
</div> 

CSS:

/************* Structure *************/
div.bodyContainer {
	width: 1000px;
	margin: 0 auto;
}
	div.bodyGradient {
		width: 10px;
		height: 1px;
		background-image: url("../img/bodyLeftGradient.png");
		background-position: bottom left;
		background-repeat: repeat-y;
		float: left;		
	}

Схематично это выглядит так:

Нужно чтобы было так:

Подскажите пожалуйста каким способом можно это реализовать?

Edited June 12, 2012 by str

[Annecy]

Возможно, Вам следует воспользоватся псевдоэлементами?

http://jsfiddle.net/wCBKM/3/

Edited June 12, 2012 by Annecy

[str]

Возможно, Вам следует воспользоватся псевдоэлементами?

http://jsfiddle.net/wCBKM/3/

То что нужно. Спасибо вам!