In an extension I made for Chrome, I have defined the width and height of the popup to be \[code\]600 x 300 px\[/code\]. It works perfectly fine before until Chrome recently updated to Chrome 27.
From the image screenshot above, you can see that I have set the width and height through CSS, but it still shows a 30 px gap in the bottom of the popup. This is frustrating because no matter what I tried the gap is still showing up. There is nothing floating outside the page, and I have also set \[code\]body\[/code\] to \[code\]overflow: hidden\[/code\].\[code\]window.resize( /* */ ); //won't do anything different\[/code\]So how can I make its size to be exactly \[code\]600 x 300\[/code\] (in Chrome 27)?