[CSS]pozycja absolute na stronie Opcje

[borpaw]

Mam taki problem, w tym przykładzie jak chce ustawić pozycjonowanie div relative absolute, jest zero reakcji, układają się jeden pod drugim.
Co trzeba zmienić? zeby dały się układać absolute

[HTML] pobierz, plaintext 
 
<div class="page">
<div class="text-main"></div>
<div class="apply-main"></div>
<div class="vote-main"></div>
<div class="events-main"></div>
</div>
 
[HTML] pobierz, plaintext 

[HTML] pobierz, plaintext 
 
.body
{
   margin:0;
   padding:0;
   background-image:url("../images/bg_main.png");
   background-repeat:no-repeat;
   width:1440px;
   height:1200px;
}
.page
{
   position:absolute;
   width:970px;
   height:1050px;
   margin-left:235px;
   margin-right:235px;   
   float:left;
}
.text-main
{
  margin-top:260px;
  width:380px;
  height:138px;
  background-image:url("../images/text-main.png"); 
  background-repeat:no-repeat;
}
.apply-main
{
  margin-top:80px;
  width:225px;
  height:32px;
  background-image:url("../images/apply-main.png");
  background-repeat:no-repeat;
}
.vote-main
{
  margin-top:10px;
  width:225;
  height:32px;
  background-image:url("../images/vote-main.png");
  background-repeat:no-repeat;
}
.events-main
{
  position:absolute;
  width:214px;
  height:248px;
  background-image:url("../images/events-main.png");
  background-repeat:no-repeat;
}
[HTML] pobierz, plaintext