Надеюсь вам помогут пару цитат на эту тему:
"position: static
Статическое позиционирование производится по умолчанию, в том случае, если свойство position не указано."
"absolute
Указывает, что элемент абсолютно позиционирован, при этом другие элементы отображаются на веб-странице словно абсолютно позиционированного элемента и нет. Положение элемента задается свойствами left, top, right и bottom, также на положение влияет значение свойства position родительского элемента.
Так, если у родителя значение position установлено как static или родителя нет, то отсчет координат ведется от края окна браузера."
И кстати написанное выше работает:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="Keywords" content="">
<meta name="description" content="">
<title>ГГ</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
<style>
*{
margin:0;
padding:0;
outline: 0;
}
.static-position {
position: static;
width: 80px;
height: 80px;
margin: 50px;
border: 1px solid red;
}
.absolute-position {
position: absolute;
width: 80px;
height: 80px;
border: 1px solid green;
font-size: 10px;
left: 10px;
top: 10px;
}
</style>
</head>
<body>
<div class="static-position">
<div class="absolute-position">Абсолютно спозиционированный блок внутри статически спозиционированного</div>
</div>
</body>
</html>