Top header is hiding content linked by link to page:anchor on IE 11

Steps to replicate

1. Create 2 Pages with IE 11
2. Put a anchor on Page 2's header

   <ul>
     <li>
       <ac:link ac:anchor="ueberschrift-C">
         <ri:page ri:content-title="Jump to page anchors test"/>
       </ac:link>
     </li>
     <li>
       <ac:link ac:anchor="ueberschrift-C">
         <ac:plain-text-link-body><![CDATA[Jump to page anchors test 2#ueberschrift-C]]></ac:plain-text-link-body>
       </ac:link>
     </li>
   </ul>
   

3. Put an anchor link on page1

   <ul>
     <li>
       <ac:link ac:anchor="ueberschrift-C">
         <ac:plain-text-link-body><![CDATA[Jump to page anchors test#ueberschrift-C]]></ac:plain-text-link-body>
       </ac:link>
     </li>
     <li>
       <ac:link ac:anchor="ueberschrift-C">
         <ri:page ri:content-title="Jump to page anchors test 2"/>
       </ac:link>
     </li>
   </ul>
   

4. Click on Page 1's anchor

Expected Behavior
It will jump on the page 2, and focused on the Header

Actual Behavior
The header was hided above the screen
20161220_151216.mp4

This only affecting a smaller/lower resolution screen