If the main problem was vertical area used, you might want to use smaller fonts for the header and ingredients, that way all of them can be seen from page load, the header probably doesn't need to be size 30+. Also you can shave off some of the space on top by decreasing the margin between header and ingredients. I think you might not be taking into consideration the full height that browsers can take up, 80-120 pixels of vertical space for their tabs/nav/footer. Currently it seems like there is consideration for an OS task bar/dock but not for the actual browser windows frame.
Looks better though!