Ho un elenco puntato contenuto un div così fatto:

<div id="content" class="content">
<ul class="collapse tree" id="tree">
<li id="li0" class="nodo">
<a class="expand" id="Anodo0" onclick="javascript:expandcollapse('tree0', 'Anodo0')"></a>
<span id="nodo0" title="Radice" onclick="javascript:InitFather(0, '')">Radice</span>
<ul id="tree0">
<li id="li1" class="nodo">
<a id="Anodo1" class="expand" onclick="javascript:expandcollapse('tree1', 'Anodo1')"></a>
<span id="nodo1" title="1 - nomeIt 1" onclick="javascript:InitFather(1, '/gmcdigital/confartonline/web/app_dev.php/catalogo/edit/1')">1 - nomeIt 1</span>
<ul id="tree1">
<li id="li2" class="nodo">
<a id="Anodo11" class="expand" onclick="javascript:expandcollapse('tree11', 'Anodo11')"></a>
<span id="nodo11" title="11 - nome1.1 11" onclick="javascript:InitFather(11, '/gmcdigital/confartonline/web/app_dev.php/catalogo/edit/11')">11 - nome1.1 11</span>

[/list]

[/list]

[/list]
</div>

la mia domanda è come posso recuperare in javascript la posizione verticale in pixel di un generico elemento li rispetto al div contenitore ?