Элемент (position:absolute) сдвигается относительно окна, а не родителя
 

Здравствуйте!
Вот кусок кода (содержимое body):

<div class="user_data_collumn">
	11111111<br />
	22222222<br />
	33333333<br />
	44444444<br />
</div>

<div id="groupsDiv">
   <input id="Button" type="button" value="Button">
	<style>
	#Button {
	position: absolute;
		top: 0px;
		left: 0px;
	}
	</style>
</div>

Если убрать свойства top и left, то отображается как надо - сначала 4 строки текста, а под ними Button. А вот с этими свойствами, Button почему-то налазит на текст и оказывается в углу окна браузера:

Получается, что при указании top и left позиция устанавливается относительно окна браузера, а не относительно родителя (groupsDiv). Если указываю не 0, а другие значения, то позиция устанавливается тоже относительно окна браузера.
Подскажите, пожалуйста, как сделать, чтобы позиция устанавливалась относительно родителя?
Спасибо!

MishaUA, position

Дружище, большое спасибо!)))