method "scrollIntoView()" bubbles up to other divs

method "scrollIntoView()" bubbles up to other divs

Below is an shorten version of the problem code.
  1. <div id="data" contenteditable="true" style="overflow: auto; ">
  2.         <p id"spanish">some words here</p>
  3. </div>
  4. $("p#spanish").get(currentLyric).scrollIntoView()
<div "data"> has the attribute  style="overflow: auto; " and is always visible, but it's content is not. This code does make the content of the <p> tag visible, but bubbles up to all other <div>s and cause causes the whole page to jump.

Any suggestions?
Thanks,