<div id="footer" >
       
    <div class="row">
    <div class="footer_widget">
       
    <!-- Footer Navigation box -->
    <div id="footer-widget-first">
    <div class="sidetitle" style="text-align: left!important">Навигация</div><div class="titlbgz"></div>
    <p><a href="/">ГЛАВНАЯ</a></p>
    <p><a href="/load">КЛИПАРТЫ</a></p>
    <p><a href="/news">ФОТОРАМКИ</a></p>
    <p><a href="/gb">ГОСТЕВАЯ</a></p>
    <p><a href="/faq">FAQ</a></p>
    </div>
       
    <div id="latest_media">
    <div class="sidetitle" style="text-align: left!important">Новые клипарты</div><div class="titlbg"></div>
    <ul id="l_media_list">
    $MYINF_2$
    </ul>
    </div>
       
    <div id="footer-widget-third">
    <div class="sidetitle" style="text-align: left!important">Контакты</div><div class="titlbgz"></div>
    <p><img src="/images/home_icon.png" width="17" height="17" alt="Home" style="margin-right: 10px;margin-bottom: -4px;"><a href="http://polyn-art.ru/">polyn-art.ru</a></p>
    <p><img src="/images/mail_icon.png" width="17" height="16" alt="Mail" style="margin-right: 10px;margin-bottom: -4px;"><a href="mailto:info@polyn-art.ru">info@polyn-art.ru</a></p>
    <p><img src="/images/phone_icon.png" width="17" height="17" alt="Skype" style="margin-right: 10px;margin-bottom: -4px;"><a href="skype:polyn-art?add">polyn-art</a></p>
    <p><img src="/images/ucoz_icon.png" width="17" height="17" alt="Skype" style="margin-right: 10px;margin-bottom: -4px;">$POWERED_BY$</p> </div>
    <div class="clr"></div>
    <div class="clear"></div>
    </div>
    </div>    
    <div class="fleft"> </div>    
    <div class="clr"></div>

#footer-widget-first {margin: 5px 0 0 20px;padding: 20px 15px 0 15px;width: 120px;height: 210px;float: left;border-top: 1px solid rgba(255,255,255,0.1);border-radius: 8px;background: url(../images/gradient-bg4.png) 50% -1px repeat-x;}
#footer-widget-third {margin: -303px -135px 0 0;padding: 20px 15px 0 15px;width: 127px;height: 210px;float: right;border-top: 1px solid rgba(255,255,255,0.1);border-radius: 8px;background: url(../images/gradient-bg4.png) 50% -1px repeat-x;}

#footer {
  width:980px;
  background:url(/images/content.png) bottom left repeat;
  display:table;
  border-top: 1px solid rgba(207, 198, 198, 0.1);
}

#footer .row{
  background:none;
  color: #819E5C;
}

#footer .eTitle {
  padding:9px 0px 10px 20px;
  background:url(../images/right_h_bg.png) top left no-repeat;
  height:21px;
}

/* About */

.footer_widget{
  padding:0 !important;
  display:table-cell;
  float:none !important;
}
#footer .header {
  padding:9px 0px 10px 15px;
}
#footer .body {
  padding:20px 10px 35px 20px;
  font-family:Arial, Helvetica, sans-serif;
  font-size:12px;
  color:#999;
  text-transform:none;
  font-weight:normal;
}
#footer .body p {
  margin-top:0;
}
#footer .footer {
  width:331px;
  height:13px;
  background:url(../images/footer.png) top left repeat-x;
  float:left;
}
/* Latest Media */

#footer #latest_media {
  display:table-cell;
  width:626px;
  vertical-align:top;
  padding: 25px 10px 0 20px;
}
#footer #latest_media .header {
  padding:9px 0px 10px 15px;
}
ul#l_media_list {
  list-style:none;
  padding:0;
  margin:0;
}
ul#l_media_list li {
  margin:0px 5px 5px 0px;
  float:left;
  width:110px;
  height:110px;
  background:url(../images/media_bg.png) top left no-repeat;
  padding: 6px 6px 0 0;
}
ul#l_media_list li a {
  display:block;
  overflow:hidden;
  width:110px;
  height:110px;
   
}
ul#l_media_list li img {
  height:100px;
  filter: grayscale(100%);
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  transition:all 0.35s ease-in-out;
  /* Firefox 4 */
  -moz-transition:all 0.35s ease-in-out;
  /* Safari and Chrome */
  -webkit-transition:all 0.35s ease-in-out;
  /* Opera */
  -o-transition:all 0.35s ease-in-out;
  padding: 3px;
  border: 2px solid #819E5C;
}
ul#l_media_list li img:hover {
  filter: grayscale(0%);
  -webkit-filter: grayscale(0%);
  -moz-filter: grayscale(0%);
  -o-filter: grayscale(0%);
  -ms-filter: grayscale(0%);
  transition:all 0.35s ease-in-out;
  /* Firefox 4 */
  -moz-transition:all 0.35s ease-in-out;
  /* Safari and Chrome */
  -webkit-transition:all 0.35s ease-in-out;
  /* Opera */
  -o-transition:all 0.35s ease-in-out;
}
#footer #latest_media .footer {
  width:628px;
  height:13px;
  background:url(../images/footer.png) top left repeat-x;
  float:left;
   
}

.rel {position: relative;}
.mainfoo {width: 100%; height: 300px;}
.abc {position: absolute; top: 0px;}
.col {width: 20%;}
.cont {width: 60%;}
.top {top: 0px;}
.lef {left: 0px;}
.cen {left: 200px;}
.rig {left: 800p;}

<div class="rel top mainfoo lef">
<div class="abc top col lef">
левая колонка
</div>
<div class="abc top cont cen">
центральная колонка
</div>
<div class="abc top col rig">
правая колонка
</div>
</div>