anchor.diff:        /* Margin bottom by footer height */
         margin-bottom: 60px;
       }
  +    
       #footer {
         position: absolute;
         bottom: 0;
  
positive.code:         
          <% images.each do |image| %>
          var marker = L.marker([<%= image.location['latitude'] %>, <%= image.location['longitude'] %>]).addTo(map);
          marker.bindPopup("<p class='title'><%= image.user['username'] %></p><br /><img src=<%= image.images['thumbnail']['url'] %> height='150px' width='150px'>");
          <% end %>
        </script>
        
        
      </div>
      
  
      <div id="footer">
        <div class="container">
  
negative.code:     
      #map { height: 580px; }
      
      p.title {
        font-size: 15px;
        line-height: 15px;
        font-weight: bolder;
        margin: 0px;
        padding: 0px;
      }
  
      .container {
  