title: gwtbootstrap3 tooltip at wrong place for pagination
body: <p><a href="https://i.stack.imgur.com/0L0LC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0L0LC.png" alt="enter image description here"></a></p>
  
  <p>This is what happens when you hover the very left item of the pagination or the very right one.</p>
  
  <h2>What I need to have:</h2>
  
  <p>That the tooltip is stick to the corresponding element when I hover it.</p>
  
  <h2>My code:</h2>
  
  <pre><code>back = new AnchorListItem();
  back.setText("Vorherige Aufgabe");
  back.setIcon(IconType.CHEVRON_LEFT);
  back.setIconPosition(IconPosition.LEFT);
  bback.addClickHandler(new ClickHandler() {  ...some code... }
  if (some_Condition){
      Tooltip tooltip = new Tooltip(back, "Diese Aufgabe hat nur eine Teilaufgabe");
      tooltip.setPlacement(Placement.TOP);
  }
  pagination.add(back);
  
  .
  . 
  .
  some code
  .
  .
  .
  next = new AnchorListItem();
  next.setText("Nächste Aufgabe");
  next.setIcon(IconType.CHEVRON_RIGHT);
  next.setIconPosition(IconPosition.RIGHT);
  next.addClickHandler(new ClickHandler() { ...some code... }
  if (some_Condition){
      Tooltip tooltip = new Tooltip(next, "Diese Aufgabe hat nur eine Teilaufgabe");
      tooltip.setPlacement(Placement.TOP);
  }
  pagination.add(next);
  </code></pre>
  
  <p>Setting the Placement differently changes only in which direction the tooltip it placed, but not the origin.</p>
  
  <p>I would be thankful for any hints :)</p>