Problem with fullscreen in Safari.

[marekpych]

Fullscreen mode shows cover only on the half of the screen. This is probably problem with style of div element (div with class projekktor). The height of this element is not set to 100% like for example in Firefox but is set in pixels. See html part below:

Firefox 34.0

<div id="lorguhui" class="projekktor pp pphttp ppstatepaused fullscreen" style="height: 100%; position: absolute; display: block; top: 0px; left: 0px; width: 100%; z-index: 99999; margin: 0px; padding: 0px;">
...
<img id="lorguhui_media_image" style="-moz-user-select: none; position: absolute; border: 0px none; margin: 0px; padding: 0px; width: 62%; height: 100%; left: 19%; top: 0%;" unselectable="on" alt="..." src="...">
...
</div>

Safari 7.1

<div id="smryondx" class="projekktor pp pphttp ppstatepaused fullscreen" style="height: 384px; position: absolute; display: block; top: 0px; left: 0px; width: 100%; z-index: 99999; margin: 0px; padding: 0px;">
...
<img id="smryondx_media_image" style="-moz-user-select: none; position: absolute; border: 0px none; margin: 0px; padding: 0px; width: 60%; height: 100%; left: 20%; top: 0%;" unselectable="on" alt="..." src="...">
...
</div>

in Firefox height: 100%, in Safari height: 384px