Нужна помощь по CSS

Еще в далеком 2014 году создавал сайт.
Пришлось к нему вернуться. Но тут проблема
"Подвал" (нижний блок) не съезжает вниз при добавлении текста

Спойлер: ОШИБКА

Спойлер: CSS

/*Подвал*/
#footer {
background-color: white;
border-top: 3px solid #ddd;
height: 72px;
position: absolute;
bottom: 0;
width: 100%;
}

#footer .left {
float: left;
margin-top: 29px;
font-size: 12px;
line-height: 12px;
}

#footer .left span {
margin-right: 97px;
}

#footer .left a {
font-weight: bold;
text-decoration: none;
}

#footer .left a+a {
margin-left: 17px;
}

#footer .count {
float: right;
margin-top: 19px;
}

.content {
padding: 0 29px;
}

Надеюсь на помощь)
Спасибо всем кто отзовется

 

http://dimox.name/press_footer_bottom_with_css/

А вообще можно использовать семантический тег <footer> html5

Код:

.block_footer {
   width: 100%;
   height: 100%;
   position: relative;
   background-color:#2F2F2F;
   text-align: center;
   float: center;
   display: inline-block;
   color: #fff;
   text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.7);
   z-index: 10
}
.block_footer .container {
   padding-top: 10px;
}
.block_footer .container font {
   font-size: 20px;
   font-weight: bold;
}
.block_footer .container ul {
   list-style-type: none;
}
.block_footer .container ul a {
   color:#fff;
}
.block_footer .container ul i {
   font-size:30px;
   float:left;
   margin-left:50px;
   padding-top:10px;
   padding-left:10px;
   color:#fff;
}

Мой кусок кода из дипломной работы.

Код:

<section class="block5">
           <footer>
               <div class="container">
                   <div class="row">
                       <div class="col-md-4">
                           <ul>
                               <font>Карта сайта</font>
                               <li><a href="page_1.html">1</a></li>
                               <li><a href="#">2</a></li>
                               <li><a href="#">3</a></li>
                               <li><a href="#">4</a></li>
                           </ul>
                       </div>
                       <div class="col-md-4">
                           <ul>
                               <font>Социальные сети</font>
                               <li><a href="https://vk.com/" target="blank"><i class="fa fa-vk" aria-hidden="true"></i></a></li>
                               <li><a href="https://www.instagram.com/" target="blank"><i class="fa fa-instagram" aria-hidden="true"></i>
                               </a></li>
                               <li><a href="https://plus.google.com/" target="blank"><i class="fa fa-google" aria-hidden="true"></i></a></li>
                           </ul>
                       </div>
                       <div class="col-md-4">
                           <ul>
                               <font>Контакты</font>
                               <li>e-mail: </li>
                               <li>Телефон: </li>
                           </ul>
                       </div>
                   </div>
               </div>
           </footer>
       </section>

Задал секцию, внес футер и использовал фреймворк bootstrap. В CSS может быть что-то лишнее, на тот момент я обучался (в прочем, как и сейчас), но работает)

 

@Mrkanhard
скорее всего потому что у тебя высота задата 72 пикселя у футера
и флоатами уже давно не верстают )
используй флексы или хотяб бутстрап
если причина не в этом,дай ссылку на сайт - я тебе скажу в чём проблема

 

зачем футеру давать абсолют???

 

зачем апать тему какой 2 месяца?