mam problem ze stopka , mianowicie taki że umieszcza się ona nie tam gdzie trzeba, a treść główna strona przechodzi przez nią i ta stopka wisi gdzieś w środku

w index.php mam zapisane tak:
Kod:
<body>
  <div id="calosc">
      <div id="header">
               <div id="baner">
                  <a href="/joomla" style="border-style:none;" >
            <img src="templates/<?php echo $this->template?>/images/logo.png" style="width:258px; height:57px; position: absolute; top:28px; left:158px; border-style:none;" />
             </a>
          </div>
          <div id="menusik">
          <?php if ($this->countModules('top')): ?>
         <jdoc:include type="modules" name="top" style="xhtml" />
          </div>
          <?php endif; ?>
          </div>
      <div id="promocja">
        <img src="templates/<?php echo $this->template?>/images/image_05.jpg" alt="" style="width:999px; height:212px; z-index:1;" />
        <img src="templates/<?php echo $this->template?>/images/kable.png" alt="" style="width:474px; height:289px; z-index:2; position:absolute; top:130px; right:89px;" />
        <div id="okno">
            <?php if ($this->countModules('user1')): ?>
             <jdoc:include type="modules" name="user1" style="xhtml" /> 
        </div>
        <?php endif; ?>
      </div>
  <div id="srodek">
  <?php if ($this->countModules('breadcrumb')): ?>
    <div id="breadcrumbs" class="clearfix">
    <jdoc:include type="modules" name="breadcrumb" style="xhtml" />
    </div>
    <?php endif; ?>
    <div id="main_content" class="clearfix">
    <jdoc:include type="component" />
    </div>
  </div>
  <div id="footer">
        <?php if ($this->countModules('footer')): ?>
      <div id="stopa">
        <jdoc:inclule type="modules" name="footer"/>
      </div>
      <?php endif; ?>
  </div>
</div>

</body>
w css
Kod:
*{
margin:0px;
padding:0px;
}
body
{
    background: #dddddd;
    color: #000000;
    font-family: tahoma, verdana, arial;
    font-size: 100.0%;
    text-align: center;
}
.clearfix{
padding:7px;
}
#header{
background-image: url(../images/tlo.gif);
background-repeat:repeat-x;
height:236px;
clear:both;
}

#baner{
height:164px;
background-image: url(../images/header.jpg);
background-repeat:no-repeat;
background-position: center;
text-align:center;
}

#menusik{
background-image: url(../images/image_04.jpg);
background-repeat:no-repeat;
background-position: center;
text-align:center;
height:72px;
clear:both;
}
#promocja{
background: #c5c5c5;
height:212px;
text-align:center;
}
#okno{
background-image: url(../images/promocja.png);
background-repeat:no-repeat;
background-position: left;
position: relative;
top: -190px;
left: 155px;
width:486px;
height:152px;
clear:both;
}
#srodek{
background-image: url(../images/cien.png);
background-repeat: no-repeat;
background-position: top center;
clear:both;
min-height:600px;
}
#breadcrumbs {
    clear: both;
    width: 990px;
    position: relative;
    left: 132px;
    text-align: left;
    text-decoration: none;
}
#main_content {
    width: 990px;
    position: absolute;
    left: 132px;
}
#footer{
background-image: url(../images/image_07.jpg);
background-repeat:repeat-x;
height:146px;
clear:both;
}
#stopa{
background-image: url(../images/footer.jpg);
background-repeat:no-repeat;
background-position: center;
height:146px;
}
proszę o podpowiedzi co źle robię