title: Make ul 100% height
body: <p>I have found this Facebook timeline look a like however I can not get the height of the ul </p>
  
  <pre><code>&lt;ul class="timeline"&gt;...&lt;/ul&gt;
  </code></pre>
  
  <p>100% height so that when there is less content the line in the middle fills the pages height. </p>
  
  <p>I am trying to make the following 'line' fill the rest of the height of the page. </p>
  
  <pre><code>.timeline:before {
  top: 0;
  bottom: 0;
  position: absolute;
  content: " ";
  width: 3px;
  background-color: #eeeeee;
  left: 50%;
  margin-left: -1.5px;
  }
  </code></pre>
  
  <p>Adding 'height:100%;' to .timeline does not work.</p>
  
  <p>I have created a fiddle to play with: 
  <a href="http://jsfiddle.net/4EJNt/1/" rel="nofollow">http://jsfiddle.net/4EJNt/1/</a></p>