title: CSS to make partly visible div / element expand fully on mouseover
body: <p>I am trying to create two divs side by side but because they are quite big I want only part of them to show up initially, then expand fully on mousover/click.</p>
  
  <p>I see  <a href="http://hipmunk.com" rel="nofollow">Hipmunk</a> doing a wonderful job of it for their Flight Search and Hotel Search.</p>
  
  <p>Any ideas how this can be achieved?</p>