title: Safari Full Screen display issue
body: <p>I'm playing video on a website. The HTML5 <code>&lt;video&gt;</code> player is housed within a container div which positions it centrally. On most browsers when a user clicks full screen the video plays full screen in the browser without issue, but in Safari on OS the video is positioned half off the screen - I can only see the bottom 50%. </p>
  
  <p>I suspect this is because the <code>&lt;div&gt;</code> container has CSS position:fixed and top:50% height:auto but I can't work out what I need to do to correct for this problem which only seems to occur in Safari. </p>
  
  <p>I can't find any guidance on the web or evidence of anyone experiencing the same problem. Please help!</p>
  
  <p>Website for reference: www.bigredbutton.tv - click a video to play it and then use the native full screen controls.</p>
  
  <p>Thanks!</p>