Избегайте дублирования содержимого AngularJS

Я собираюсь сделать приложение с ионным и угловымJS, и я пытаюсь сделать мой нижний колонтитул не перекрывать несколько содержимого, которое там, в конце концов, поэтому контент должен быть показан, а затем нижний колонтитул это последнее, что там, не перекрывая что-то, какое свойство я должен применить? Поскольку я пробовал все о свойствах position и ни один из них не работал для меня, я оставляю вам изображение того, что происходит сейчас:

http://s23.postimg.org/b9uhjq0ej/Captura.png

Как вы можете видеть, мой последний элемент списка перекрывается моим нижним колонтитулом. Спасибо всем за ваши ответы и помощь! :)

--EDITED (предоставление кода):

<ion-content>
    <ion-list class="pagina">
        <a class="item item-thumbnail-left" ng-repeat="poblacio in poblacions"  href="#/app/ambFiltreActivitats" ng-click="doGuardarPoblacio(poblacio.title)">
            <img style="width:50px; height:auto; margin-left: 60px;" ng-src="{{poblacio.url}}"/>
            <br/><br/>
            <b>{{poblacio.title}}</b>
        </a>
    </ion-list>
  </ion-content>
  <div class="bar bar-footer">
    <div class="title"></div>
  </div>

И нет, у меня нет свойства CSS, кроме фонового цвета, если я применяю position: relative нижний колонтитул даже не отображается, а с absolute или fixed он остается таким же, как на фотографии ссылки.