diff --git a/index.html b/index.html
index cfd7fe0..3c79b15 100644
--- a/index.html
+++ b/index.html
@@ -264,20 +264,21 @@ <h1 style="border: 5px solid #ff9900; width: 200px; -webkit-transform: matrix(2,
 <br/>
       <pre class="prettyprint">
 &lt;img class="thumb" src="lara.jpg" alt="lara" /&gt;
+
 &lt;img class="thumb" src="overlay.png" alt="overlay" /&gt;
 &lt;img class="thumb" src="lara.jpg" alt="lara transformed" style="-webkit-transform: matrix(0.3732, -0.0392, 0.0066, 0.3761, -74.9334, -4.8646);" /&gt;</pre>
 </div>
 
 <div class="hero-unit">
-<div style="position: relative; padding-bottom: 250px">
+<div style="position: relative; height: 250px;">
   <img class="thumb" src="lara.jpg" alt="lara" style="-webkit-transform: matrix(0.3732, -0.0392, 0.0066, 0.3761, -74.9334, -64.8646); position: absolute;" />
-  <img class="thumb" src="overlay.png" alt="overlay" style="position: absolute"/>
+  <img class="thumb" src="overlay.png" alt="overlay" style="position: absolute;"/>
 </div>
 <br/>
       <pre class="prettyprint">
-&lt;div style="position: relative; padding-bottom: 250px"&gt;
+&lt;div style="position: relative; height: 250px;"&gt;
   &lt;img class="thumb" src="lara.jpg" alt="lara" style="-webkit-transform: matrix(0.3732, -0.0392, 0.0066, 0.3761, -74.9334, -64.8646); position: absolute;" /&gt;
-  &lt;img class="thumb" src="overlay.png" alt="overlay" style="position: absolute"/&gt;
+  &lt;img class="thumb" src="overlay.png" alt="overlay" style="position: absolute;"/&gt;
 &lt;/div&gt;</pre>
 </div>