Window.open inconsistent height for browsers
<p>I'm trying to create a simple pop-up window using this JS code:</p>

<pre><code>window.open(this.href,"popupwindow", "width=400,height=545,innerHeight=500, left=200,top=5,scrollbars,toolbar=0,resizable");
</code></pre>

<p>The resultant pop-up window is showing different heights for different browsers. I checked the <code>window.innerHeight</code> through console on different browsers, and this is the result:</p>

<p>safari: <code>window.innerHeight</code>= 455</p>

<p>chrome: <code>window.innerHeight</code>= 500</p>

<p>IE: <code>window.innerHeight</code>= 549</p>

<p>Firefox: <code>window.innerHeight</code>= 544</p>

<p>Here is the <a href="http://jsfiddle.net/nwL504ys/" rel="nofollow" title="Fiddle Link with the code">JSFiddle</a> link. </p>

<p>I need the pop-up with the height of 500px. How can I do that across all browsers.</p>