вертикальное позиционирование

Нужно, чтобы элемент rect1 был расположен под rect2, но rect3 (синий) располагался над rect2 (зелёный) и под rect1 (красный)

Получилось вертикально позиционировать по центру item-4-1 во многих браузерах, за исключением IE11, вроде префиксы написал, но все равно не работает, в чем проблема?