Правильно настроить блоки через CSS

Всем привет.

Помогите пожалуйста решить задачу:)

У меня на сайте 2 блока. Если я их проверяю на мобильных устройствах, то один блок не видно - sektor1.

До этого, на блок header-right-section накладывался sektor1, после чего я добавил position: relative к header-right-section, и у меня пропал sektor1.

Хотя у меня все отлично во всех браузерах, но если проверять через специальные сервисы с разными расширениям, то у меня его нет, если не считать большие, но там меньше половины.

Почему?

.sektor1 {

position: absolute;

width: 380px;

height: 90px;

margin: auto;

left:-445px;

top:-1px;

background: #FFFFFF;

border: 1px solid #000;

padding: 20px;

overflow: auto;

}

#header-right-section {

float: right;

position: relative;

}

#header-right-section .widget {

text-align: right;

color: #333333;

}

#header-right-section .widget .widget-title {

padding-bottom: 0;

font-size: 18px;

line-height: 1.2;

padding-bottom: 5px;

}