Странный эффект после сдвига блока (внутри которого float елементы) путем position: relative и компенсации сдвига отрицательным margin...?

Question

[Gran Torino]

Необходимо было использовать данную конструкцию в bootstrap верстке, где, как известно все построено на float.
1. зеленый блок сдвинут вверх (top) position: relative на 100px и компенсирован сдвиг снизу, для последующих блоков margin-bottom: -100px
2. внутри него 2 float элемента;
Вылез данный косяк (желтый блок, сдвиг текста), не пойму как компенсировать? При том, что сам желтый блок, как и положено в плотную подошел к зеленому;
JSFiddle

Answer 1

[kn1ght_t]

https://jsfiddle.net/xt06swth/3/

Comments

[Gran Torino]

В принципе я косяк решил аналогично, но сразу для зеленого блока, но ваш вариант тоже решает.