title: p:overlayPanel Full Screen
body: <p>I'm developing a SW application and between de transition of two pages xhtml pass several seconds. I'm trying to put a <code>p:overlayPanel</code> which hide full screen with a gif and its almost working. the problem is that, despite of the fact I'm including top,bottom,left and right 0 ! important, there is a big padding and I cant fit the panel properly. </p>
  
  <p>Could please someone help me??</p>
  
  <p>Here is my code, </p>
  
  <pre><code>&lt;p:overlayPanel id="moviePanel" for="btn_alta" dynamic="true"  appendToBody="true"  style="transition:10s;background: #FFF;Opacity: 0.5;left:0 !important;right:0 !important;top:0 !important;bottom:0 !important;width:100%; height:100%; z-index: -1;  position: fixed ;overflow:hidden"&gt;
      &lt;p:graphicImage value="/resources/img/loading_comments.gif" width="150" style="top:50%;bottom:50%;left:50%;right:50%;position: fixed"/&gt;
  
      &lt;/p:overlayPanel&gt;
  </code></pre>