title: Position absolute not working properly in IE8
body: <p>I am coding a basic template, but i am facing a problem with Internet Explorer 8. I have created a Slider Carousel and i have put it in a position absolute in order to display it little bit more on the top. In firefox, chroome and Safari there is any problem but in Internet Explorer 8 it's happening that the content after the carousel is not displayed correctly</p>
  
  <p>Why this is happening? how can i fix this problem in IE?</p>
  
  <p><a href="http://experiments.hostzi.com/landing/" rel="nofollow noreferrer">Here</a> you can see the template:</p>
  
  <p>A print screen also of what is happening in IE<img src="https://i.stack.imgur.com/CzAIi.png" alt="enter image description here"></p>
  
  <p>This is my html:</p>
  
  <pre><code>    &lt;div class="container-carousel container "&gt;
          &lt;article id="carousel"&gt;
              &lt;div class="row"&gt;
                  &lt;div id="lista1" class="als-container"&gt;
                  &lt;span class="als-prev"&gt;&lt;img src="images/left_arrow.png" alt="prev" title="precedente" /&gt;&lt;/span&gt;
                      &lt;div class="als-viewport"&gt;
                          &lt;ul class="als-wrapper"&gt;
                              &lt;li class="als-item"&gt;&lt;img src="images/als-images/social.png" alt="social" title="social" /&gt;&lt;h3&gt;Appz Theme&lt;/h3&gt;&lt;hr&gt;&lt;p&gt;Lorem ipsum dolor sit amet,&lt;br&gt;omnis euismod indoctum mel.&lt;/p&gt;&lt;/li&gt;
                              &lt;li class="als-item"&gt;&lt;img src="images/als-images/android.png" alt="android" title="android" /&gt;&lt;h3&gt;Easy to use&lt;/h3&gt;&lt;hr&gt;&lt;p&gt;Lorem ipsum dolor sit amet,&lt;br&gt;omnis euismod indoctum mel.&lt;/p&gt;&lt;/li&gt;
                              &lt;li class="als-item"&gt;&lt;img src="images/als-images/apple.png" alt="apple" title="apple" /&gt;&lt;h3&gt;Amazing design&lt;/h3&gt;&lt;hr&gt;&lt;p&gt;Lorem ipsum dolor sit amet,&lt;br&gt;omnis euismod indoctum mel.&lt;/p&gt;&lt;/li&gt;
                              &lt;li class="als-item"&gt;&lt;img src="images/als-images/google.jpg" alt="google" title="google" /&gt;&lt;h3&gt;Dashboard view&lt;/h3&gt;&lt;hr&gt;&lt;p&gt;Lorem ipsum dolor sit amet,&lt;br&gt;omnis euismod indoctum mel.&lt;/p&gt;&lt;/li&gt;
                          &lt;/ul&gt;
                      &lt;/div&gt;
                  &lt;span class="als-next"&gt;&lt;img src="images/right_arrow.png" alt="next" title="successivo" /&gt;&lt;/span&gt;
              &lt;/div&gt;      
         &lt;/article&gt;
      &lt;/div&gt;
      &lt;div class="container"&gt;
         &lt;div class="row"&gt;
              &lt;div class="application"&gt;
                  &lt;p&gt;Get your &lt;span class="bold"&gt;free&lt;/span&gt; &lt;a class="mainbutton" href=""&gt;Download&lt;/a&gt; of &lt;span class="app"&gt;App&lt;/span&gt; today!&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  </code></pre>