In my most recent project - "Photographer Alina Reynbakh" I've faced with issue that if content of "block 1" is less in height than content of "block 2" we have left pink block only with height of it's content not the full available area.

Someone would tell me to do something like this in CSS file:
html {height: 100%;}
body {height: 100%;margin: 0;}
#container {position: relative;min-height: 100%;}
* html #container {height: 100%;}
#header {height: 150px;}

For those who have issues with png transparency - I've found this solution.
With the help of jQuery it adds some JS code for solving this issue.
Just add one one file and call one method on page load and here's the magic :)
http://jquery.khurshid.com/ifixpng.php

another two ways of solving the same issue:
http://homepage.ntlworld.com/bobosola/pngtest.htm
http://24ways.org/2007/supersleight-transparent-png-in-ie6