title: firefox Browser rejected fullscreen change
body: <p>I'm trying to make a element of my website in fullscreen when we click on it, and it works with chrome, IE, but not with firefox.</p>
  
  <p>I went to the <a href="http://msdn.microsoft.com/en-us/library/ie/dn265028%28v=vs.85%29.aspx" rel="noreferrer">microsoft fullscreen API</a>, and I tested theire code, and there is no problems with any of this browsers.</p>
  
  <p>Here the part of my web site I want to put in full screen.</p>
  
  <pre><code>&lt;div class="wrap"&gt;
      &lt;div class="signin"&gt;
          &lt;div style="margin: 2px 0px -25px 10px;"&gt;&lt;h1&gt;Sign In or &lt;a href="&lt;?php echo $this-&gt;url(array('module' =&gt; 'default','controller'=&gt;'paid-sign-up','action'=&gt;'index'),null,true); ?&gt;" style="color:#F00;text-decoration:none;"&gt;Signup&lt;/a&gt;&lt;/h1&gt;&lt;/div&gt;
          &lt;?php echo $this-&gt;signin(); ?&gt;
          &lt;span class="forget"&gt;
          &lt;a href="&lt;?php echo $this-&gt;url(array('module' =&gt; 'default','controller'=&gt;'forgot-password','action'=&gt;'index'),null,true); ?&gt;"&gt;Forgotten Password?&lt;/a&gt; &lt;/span&gt;
      &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>And here the script I use</p>
  
  <pre><code>    &lt;script type="text/javascript"&gt;
    var inFullScreen = false; // flag to show when full screen
  
    var fsClass = document.getElementsByClassName("wrap");
    for (var i = 0; i &lt; fsClass.length; i++) {
      fsClass[i].addEventListener("click", function (evt) {
        if (inFullScreen == false) {
          makeFullScreen(evt.target); // open to full screen
        } else {
          reset();
        }
      }, false);
    }
  
  
    function makeFullScreen(divObj) {
  alert (divObj);
    if (divObj.requestFullscreen) {
  alert ('standard');
          divObj.requestFullscreen();
      }
      else if (divObj.msRequestFullscreen) {
  alert ('ms');
        divObj.msRequestFullscreen();
      }
      else if (divObj.mozRequestFullScreen) {
  alert ('moz');
        divObj.mozRequestFullScreen();
      }
      else if (divObj.webkitRequestFullscreen) {
  alert ('webkit');
        divObj.webkitRequestFullscreen();
      }
      inFullScreen = true;
      return;
    }
  
    function reset() {
      if (document.exitFullscreen) {
        document.exitFullscreen();
      }
      else if (document.msExitFullscreen) {
        document.msExitFullscreen();
      }
      else if (document.mozCancelFullScreen) {
        document.mozCancelFullScreen();
      }
      else if (document.webkitCancelFullScreen) {
        document.webkitCancelFullScreen();
      }
      inFullScreen = false;
      return;
    }
  
  
  &lt;/script&gt;
  </code></pre>
  
  <p>And the last info who can be usefull, my website is a zent framework website, it's why there is some PHP.</p>