title: DIV is visually getting nested in previous DIV
body: <p>Either I am staring at my screen for way too long and just can't see it or I can't tell what what I am doing wrong. </p>
  
  <p>This should be pretty straight forward, but the <code>id="parkEntrances"</code> title DIV is getting positioned in the <code>id="featureDisplay"</code> above it.  So as the Amenities are listed, the Entrances title bar is appearing behind the image icons. But when I look at the rendered code in Chrome Inspector, it shows the <code>ENTRANCES</code> title bar outside the <code>featureDisplay</code> DIV tags.</p>
  
  <p>In Chrome Inspector, when I hover mouse over the <code>id="featureDisplay"</code> code, the visual screen shows a div title tag of: <code>div#featureDisplay 324px x 0px</code> - so I think this is contributing to the problem.  Why its 0px height though baffles me because the feature icons that get listed all show up and are 50px height...it lists two rows of icons so the height of <code>featureDisplay</code> should be default be 100px...and when I manually change the div height to 110px, everything lines up the way its supposed to.  but this isn't require for the other sections with identical formating.</p>
  
  <p>Its like the `featureDisplay is unaware of its own contents.</p>
  
  <p>Its the pretty much the same code, but I can't figure out why Entrances keeps getting nested up in Amenities section. ....The other sections 'INSTRUCTIONS' and <code>PHOTOS</code> are positioned just fine.</p>
  
  <pre><code>&lt;div id="fullScreen"&gt;
    &lt;div class="customBar" &gt;GENERAL INFO&lt;/div&gt;
    &lt;div style="margin-left:10px;font-weight:bolder;font-size:14px;"&gt;Location: {{park.address}},{{park.city}}
      &lt;br&gt;Price: {{park.currency}}{{park.price}}
      &lt;br&gt;Name: {{park.location_name}}
    &lt;/div&gt;
  
    &lt;div id="parkFeatures" class="customBar" ng-if="park.features.length == 0"&gt;AMENITIES: None Listed&lt;/div&gt;
    &lt;div id="parkFeatures" class="customBar" ng-if="park.features.length &gt; 0"&gt;AMENITIES&lt;/div&gt;
      &lt;div id="featureDisplay" ng-if="park.features.length &gt; 0" style="display:block;width:90%;margin-left:5%;margin-right:5%;"&gt;
        &lt;div id="feature_{{feature.key}}" ng-repeat="feature in park.features" style="text-align:center;width:20%;float:left;"&gt; 
          &lt;img ng-src="{{getIcon(feature.key)}}" style="height:50px;" on-hold="hoverName('{{feature.name}}',1)" on-release="hoverName('',0)" /&gt;
        &lt;/div&gt;
      &lt;/div&gt;
  
    &lt;div id="parkEntrances" class="customBar" ng-if="park.entrances.length == 0"&gt;ENTRANCES: None Listed&lt;/div&gt;
    &lt;div id="parkEntrances" class="customBar" ng-if="park.entrances.length &gt; 0"&gt;ENTRANCES&lt;/div&gt;
      &lt;div id="entranceDisplay" ng-if="park.entrances.length &gt; 0" style="display:block;width:90%;margin-left:5%;margin-right:5%;"&gt;
        &lt;div id="moreEntrances" ng-repeat="entrance in park.entrances" style=""&gt;
          Lat: {{entrance.coordinates[0]}}, Lon: {{entrance.coordinates[1]}}
        &lt;/div&gt;
      &lt;/div&gt;
  
    &lt;div id="parkInstructions"  class="customBar" ng-if="park.instructions.length == 0"&gt;INSTRUCTIONS: None Listed&lt;/div&gt;
    &lt;div id="parkInstructions" class="customBar" ng-if="park.instructions &gt; 0"&gt;INSTRUCTIONS&lt;/div&gt;
      &lt;div id="instructionsDisplay" ng-if="park.instructions &gt; 0" style="display:block;width:90%;margin-left:5%;margin-right:5%;"&gt;
        &lt;div id="moreInstructions" ng-repeat="instruction in park.instructions" style=""&gt;
          {{instruction.instructions}}
        &lt;/div&gt;      
      &lt;/div&gt;
  
    &lt;div id="parkPhotos" class="customBar" ng-if="park.photos.length == 0"&gt;IMAGES: None Listed&lt;/div&gt;
    &lt;div id="parkPhotos" class="customBar" ng-if="park.photos.length &gt; 0"&gt;IMAGES: None Listed&lt;/div&gt;
      &lt;div id="photosDisplay" ng-if="park.photos.length &gt; 0" style="display:block;width:90%;margin-left:5%;margin-right:5%;"&gt;
        &lt;div id="morePhotos" ng-repeat="photo in park.photos" &gt;
          &lt;img ng-src="{{photo.url}}" /&gt;
        &lt;/div&gt;      
    &lt;/div&gt;
  
  &lt;/div&gt;
  </code></pre>