Kак при клике на элемент списка LI определить его порядковый номер и выбрать соответствующий OPTION в SELECT?

<ul onclick='javascript:alert(document.getElementById("vt").value)'>
  <li id="vt" data-value="1">List1</li>
  <li id="vt" data-value="2">List2</li>
  <li id="vt" data-value="3">List3</li>
</ul>

<select name="select1" id="select1">
  <option value="1">Option1</option>
  <option value="2">Option2</option>	
  <option value="3">Option3</option>
</select>

Ноль возвращает

Как правильно выровнять плавающий блок по вертикали относительно родителя в данном случае?

Не выравнивается

Как правильно выровнять плавающий блок по вертикали относительно родителя в данном случае?

Высота левого блока меняется.