title: Safari IOS6 "position: fixed" with opened keyboard and changed orientation
body: <p>I have top menu in Ipad with <code>position: fixed</code> and <code>width: 100%</code> in my site, which is displayed fine, when <em>keyboard is shown and orientation is changed</em> (f.e., from Landscape to Portrait) in Safari IOS5, but <strong>not</strong> in IOS6.</p>
  
  <p>In IOS6 after this actions top menu becomes shifted to right at <strong>128px</strong>. I found some very close problem, related exactly to 128px in StackOverflow <a href="https://stackoverflow.com/questions/12515058/ios6-safari-orientation-change-bug">iOS6 Safari orientation change bug?</a>, but solution was not applicable to my case.</p>
  
  <p>So, investigating a little, I changed in javascript event "orientationchange" the CSS property of top menu <code>position:fixed</code> to <code>position:relative</code>. </p>
  
  <p>And that helped, my top menu redrew correctly. But, as I needed exactly <code>position:fixed</code> later for my site, I added <code>setTimeout()</code> method, which returned CSS <code>position</code> back to value <code>fixed</code>.</p>
  
  <pre><code>$(window).bind("orientationchange", function(e){
          $('#framecontentTop').css('position', 'relative');
          setTimeout(function(e){
               $('#framecontentTop').css('position', 'fixed');
          }, 500)
  });
  </code></pre>
  
  <p>I think, it is the temporary solution. Does somebody know real root cause of a problem, or it is IOS6 bug?</p>