2 Исправлен div, проблема с позиционированием в другом div

Question

у меня есть 3 дел.

<div class="main"></div>
<div id="fixedbox"></div>
<div id="fixedBar"></div>

CSS:

.main {

width: 850px;
padding:25px 5px;
border-left:1px solid #999;
border-right:1px solid #999;
text-align:left;
overflow:hidden;
 }

body {
    height: 100%;
    margin: 0;
    overflow-y: auto;
}
body #fixedbox {
    position:fixed !important;
    position: absolute;
    left: 865px;
    top: 0;
    width: 160px;
}
#fixedBar {
    display:block;
    position: absolute;
    width:100%;
    height:20px;
    position:fixed;
    bottom:0;
    left:0;
    background:#F00;
}
* html #fixedBar {
    position:absolute;
}

Проблема заключается в следующем: когда я добавляю блок с "position:relative" в главном div, блок будет перемещаться в прокрутке, т.е.При добавлении «position:relative» к основному или основному тексту возникают другие проблемы, т. Е.Как я могу без проблем использовать позиции в "<div class="main"></div>"?

Заранее спасибо

РЕДАКТИРОВАТЬ: Я решил проблему с изменением типа документа.

Answer 1

Полагаю, вы добавляете положение: относительно тела для позиционирования 2 фиксированного положения: абсолютные контейнеры? Если нет, то вам нужно будет.

В прошлом у меня были некоторые проблемы с установкой позиции: относительно в IE. Попробуйте некоторые из обычных хаков, таких как установка

height:1%;

Или

display:block;

до .основная

Вы можете найти конкретное решение на http://www.positioniseverything.net