позиция div от лявата страна на основното съдържание - css, css-float

Аз се боря с правилното позициониране наDIV на снимката. Той използва JS за превъртане нагоре и надолу, което работи добре. Проблемът е, че не мога да променя размера на прозореца на моя браузър. В този случай DIV покрива съдържанието на страницата.

CSS на DIV:

#topbar_right{
position:absolute;
margin-top: -5px;
z-index: 2;
right:50%;
margin-right:100px;
}

Въпросът ми е: как мога да позиционирам това div така че дясната му страна винаги да остава на едно и също място и не покрива съдържанието, когато променям размера на прозореца.

Благодарим ви за отговорите си!

Отговори:

Абсолютното позициониране извежда елемента от нормалния поток на документа.

Ако сте принудени да използвате абсолютно позициониране на DIV, можете да кандидатствате left-margin до съдържателния блок, равен на ширината на абсолютно позиционираната DIV.