[dpts]

А у меня немного жестче вопрос.
Есть разметка (условно):

<div class="treewrapper">
	<ul class="tree">
		<li><span class="tree-item-title">Tree Item</span></li>
		<li><span class="tree-item-title">Tree Item</span>
			<ul class="tree">
				<li><span class="tree-item-title">Tree Item</span></li>
				<li><span class="tree-item-title">Tree Item</span></li>
			<ul>
		</li>
		...
		...
		...
		<li><span class="tree-item-title">Tree Item</span>
			<ul class="tree">
				<li><span class="tree-item-title">Tree Item</span></li>
				<li><span class="tree-item-title">Tree Item</span>
					<ul class="tree">
						<li><span class="tree-item-title">Tree Item</span></li>
						<li><span class="tree-item-title">Tree Item</span>
							<ul class="tree">
								<li><span class="tree-item-title">Tree Item</span></li>
								<li><span class="tree-item-title selected">Tree Item</span></li>
							<ul>
						</li>
					<ul>
				</li>
			<ul>
		</li>
		...
		...
		...
	</ul>
</div>

Глубина вложенности - любая.
Элемент с классом selected - всегда один.
treewrapper - фиксированной высоты и ширины с overflow: auto.

вопрос, как определить расстояние от начала .treewrapper до начала .selected, чтобы потом проскроллить дерево до .selected?