Element outside the bubble

[akalinowski]

Hi,
what can be the reason that sometimes button is outside the tip as shown in the picture below:

How opentip calculate of tip height?

My html is:
`

  <div class="ot-header">
     <h1>
        <div class="steps">26/39</div>
        <div class="title"></div>
     </h1>
     <a href="javascript:undefined;" class="ot-close" style="left: 493px; top: -10px; width: 30px; height: 30px;"><span>Close</span></a>
  </div>
  <div class="ot-content">
     <div class="style-ot-normal">
        <div class="style-ot-texts">
           <p>Na początku definujemy stałe szerokość i wysokość planszy:</p>
           <div class="javascript code hljs">
              <ol>
                 <li><span class="hljs-keyword">var</span> <span class="black_code highlight2">SCREEN_WIDTH</span> = <span class="hljs-number">720</span>;</li>
                 <li><span class="hljs-keyword">var</span> SCREEN_HEIGHT = <span class="hljs-number">500</span>;</li>
              </ol>
           </div>
           <p>&nbsp;</p>
           <p>Kolejno wystęują następujące stałe:</p>
           <div class="javascript code hljs">
              <ol>
                 <li><span class="hljs-comment">// minimalny czas jaki musi minac</span></li>
                 <li><span class="hljs-comment">// aby wyswietlic kreta na&nbsp;planszy</span></li>
                 <li><span class="hljs-keyword">var</span> INITIAL_TIME = <span class="hljs-number">600</span>;</li>
                 <li><span class="hljs-comment">// czas w obrebie ktorego moze</span></li>
                 <li><span class="hljs-comment">// pojawic sie kret na&nbsp;planszy</span></li>
                 <li><span class="hljs-keyword">var</span> INITIAL_TIME_RANGE = <span class="hljs-number">1400</span>;</li>
                 <li><span class="hljs-comment">// minimalny czas wyswietlenia kreta</span></li>
                 <li><span class="hljs-keyword">var</span> MOLE_DELAY = <span class="hljs-number">500</span>; </li>
                 <li><span class="hljs-comment">// czas w obrebie ktorego bedzie&nbsp;</span></li>
                 <li><span class="hljs-comment">// wyswietlony kret na&nbsp;planszy</span></li>
                 <li><span class="hljs-keyword">var</span> MOLE_DELAY_RANGE = <span class="hljs-number">1000</span>;</li>
                 <li><span class="hljs-comment">// czas miedzy schowaniem kreta,&nbsp;</span></li>
                 <li><span class="hljs-comment">// a wyswietleniem napisu 'You Lose'</span></li>
                 <li><span class="hljs-keyword">var</span> MOLE_DELAY_AFTER_HIDING = <span class="hljs-number">400</span>;</li>
              </ol>
           </div>
        </div>
        <div class="ot-buttons-section"><button id="ot_sequences_tips1469439441457_next_26" class="btn btn-color-sky ot-button ot-button-next">Dalej</button></div>
        <a href="/codersalley/editend/121/25/" target="_blank" style="position: absolute;left: 10px;bottom: 10px;">
           <p class="btn-edit" target="_blank">[Edit]</p>
        </a>
     </div>
  </div>

`

[ChBernat]

Hello, could you show us a working example? e.g. via jsfiddle, it would be very appreciated. :)