title: Jump Link Inside an iFrame
body: <p>Inside an iframe (on <em>page-A</em>), I have a simple page (<em>page-B</em>) that has a few jump links (e.g. <code>&lt;a href="#my-id"&gt;jump link&lt;/a&gt;</code>) to different sections of the page (<em>page-B</em>). The iframe height is preset to be longer than <em>page-B</em>'s height; this is a requirement.</p>
  
  <p>For some reasons, the jump links didn't work on FF (I am on Mac/FF 10.0.2); however, it worked properly on Safari and IE8. This is the <strong><a href="http://labs.siku-siku.com/experiment/05/">sample page</a></strong>.</p>
  
  <p>Code of page</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
  &lt;title&gt;Jump Link Test on an iFrame&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;h1&gt;Page that has an iFrame&lt;/h1&gt;
  &lt;iframe width="100%" height="2000" src="./iframe.html" frameborder="0" scrolling="no"&gt;
  &lt;/iframe&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Code of iframe.html</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt;
  &lt;title&gt;iFrame Content&lt;/title&gt;
  &lt;style type="text/css"&gt;
  .box {
      margin: 0 0 5px;
      width: 400px;
      height: 400px;
  }
  #box1 {
      background-color: #f00;
  }
  #box2 {
      background-color: #f0f;
  }
  #box3 {
      background-color: #00f;
  }
  &lt;/style&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;ul&gt;
      &lt;li&gt;&lt;a href="#box1"&gt;Box 1&lt;/a&gt;&lt;/li&gt;
      &lt;li&gt;&lt;a href="#box2"&gt;Box 2&lt;/a&gt;&lt;/li&gt;
  
      &lt;li&gt;&lt;a href="#box3"&gt;Box 3&lt;/a&gt;&lt;/li&gt;
  &lt;/ul&gt;
  &lt;div&gt;
      &lt;div id="box1" class="box"&gt;&lt;/div&gt;
      &lt;div id="box2" class="box"&gt;&lt;/div&gt;
      &lt;div id="box3" class="box"&gt;&lt;/div&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Note: If I set the iframe height &lt; <em>page-B</em>'s height, the problem will be solved. However, unfortunately this isn't an option given my situation because I have no access to <em>page-A</em>.</p>