Безразмерная верстка, непонятный отступ
 

Вот код - http://jsfiddle.net/koutsenko/g3fxh3k6/10/ , работает в IE9, Android Browser и т.п.

Слева - резиновый отступ, справа - div с контентом.
Ширина отступа зависит от высоты вьюпорта, поэтому сделал через gif-распорку с нужными пропорциями.
Распорка и контент должны по высоте быть 100% от вьюпорта, контент занимает все место справа.
Если сильно сжать в высоту пример, то вылезает дополнительный глючный отступ красного цвета.
Как сделать, чтобы его не было?
Есть просьба не предлагать верстать в JS...
Спасибо.

UPD просьба к модераторам, переместить тему в подфорум http://javascript.ru/forum/xhtml-html-css/

В общем, сделать на старом CSS без vh units невозможно.
Реализовал верстку на Javascript, на onload и onresize событиях window.
Всем спасибо, тему можно закрыть.

И результат оправдал ожидания?