Почему этот один контейнер div блокирует право другого всплывающего окна?

Я знаю, что ответ очень прост, возможно, это одно небольшое свойство CSS, но я попытался найти решение, не спрашивая его здесь, не повезло..

В контейнере div есть два контейнера div, и они не играют хорошо.

Он позиционируется как плавающий в правом верхнем углу родительского div, и он не позволит любому другому контейнеру поплавать справа от него.

Я попробовал display:inline и display:inline-block но не повезло...

Вот код, хотя что-то подсказывает мне, что ответ так прост, что он вам не понадобится !:

Родительский div, верхний правый угол div и бедный div, пытающийся плавать вправо:

    #um-home-section4   {
    width:100%;
    height:300px;
    background-color: green;
}

#um-title-right {
    float:right;
    width:500px;
    height:50px;
    margin-right:20px;
    margin-top:20px;
    background-color: fuchsia;
}

#take-me-there  {
    float:right;
    margin-top:240px;
    margin-right:0px;
    height:50px;
    width:100px;
    background-color: gray;
}




<div id="um-home-section4">
                <div id="um-title-right"></div>
                <div id="take-me-there"></div>

            </div>