В своём последнем проекте "Photographer Alina Reynbakh" я столкнулс я с проблемой что если содержимое "блока 1" менньше по высоте чем содержимое "блока 2" то левый розовый блок не занимает всё доступное место.

Кто-то мне возмодно посоветует что-то вроде этого в CSS файле:
html {height: 100%;}
body {height: 100%;margin: 0;}
#container {position: relative;min-height: 100%;}
* html #container {height: 100%;}
#header {height: 150px;}

Для тех, кто сталкивался с такой проблемой - вот решение.
При помощи jQuery добавляется функция для решения проблемы.
Добавьте вызов одного файла, вызовите один джаваскриптовый метод и вот вам магия :)
http://jquery.khurshid.com/ifixpng.php

Ещё два варианта решения этой же проблемы:
http://homepage.ntlworld.com/bobosola/pngtest.htm
http://24ways.org/2007/supersleight-transparent-png-in-ie6