HTML+CSS+JavaScript

Кто-нибудь подскажите , плиз, как сделать так что бы div растягивался не по высоте окна а по высоте текста
я пишу так

<div style="z-index: 0; position: absolute; width: 58px; height: 100%; top: 502px; left:0px; background-image: url(../images/template/l_tynuch.gif); background-repeat: repeat-y; visibility: visible;">
</div>

вот проблема в том что картинка не растягивается по всей страничке а лишь в размер окна

а не нужно height: 100% писать, без него блок должен подстроиться под сожержимое, ну или напишите height: auto;