Полностью согласен:) .two будет позиционироваться в границах родителя у которого {position: relative;}. В итоге здесь вопрос трансформировался в разъяснение свойств псевдо-элементов:)
Ankhena W: спасибо, со второго раза дошло! Вообще вся проблема в том что я не вынес псевдо-элементы за границы родительского блока - это меня сбило с толку и привело к неверным выводам и созданию этого вопроса.
Благодарю отозвавшихся. Я надеюсь вы посмотрели мой пример? Он наглядно дополняет суть вопроса. Почему background родительского элемента в виде градиента начинается/заканчивается в псевдо-элементах? Если родителю задать цвет в HEX-формате или RGBa, то все очевидно и не вызывает вопросов. Извините, если криво изложил, но надеюсь теперь понятнее:)
