В IE можно легко реализовать:
.target {
background-image:url(grid/column_deadspace.gif);
position:relative;
top: expression(eval($('parentDiv').scrollTop)+'px');
left: 0px;
}<div id="parentDiv" style="overflow:auto;width:100%;height:100px">
<div class="target" id="Target">
blah blah blah
</div>
blah
blah
blah
</div>
т.е. хочется чтобы если слой parentDiv начнет прокручиваться (из-за длины), то слой Target всегда был бы в начале слоя parentDiv, а не уходил наверх за пределы его видимости?
В IE это решается top: expression(eval($('parentDiv').scrollTop)+'px');
А вот в firefox как сделать не знаю.
.target {
position: absolute;
top: 10px;
left: 0px;
}
<div id="parentDiv" style="position: relative">
<div class="target" id="Target">
blah blah blah
</div>
<div style="overflow:auto;width:100%;height:100px;">
blah<br />blah<br />blah<br />blah<br />
blah<br />blah<br />blah<br />blah<br />
blah<br />blah<br />blah<br />blah<br />
blah<br />blah<br />blah<br />blah<br />
</div>
</div>кроссбраузерно, в ешаке не будет дергаться при прокрутке