title: How do I make an HTML element come on top of the other?
body: <p>I have a css3 moving clouds background like this one for my site. </p>
  
  <ul>
  <li><a href="http://cssdeck.com/labs/animated-clouds-background-pure-css3" rel="nofollow">http://cssdeck.com/labs/animated-clouds-background-pure-css3</a></li>
  <li><a href="http://thecodeplayer.com/walkthrough/pure-css3-animated-clouds-background" rel="nofollow">http://thecodeplayer.com/walkthrough/pure-css3-animated-clouds-background</a></li>
  </ul>
  
  <p>However, the clouds keep coming on top of the text and I cannot see any text when they hover over it. Is there a way to make these elements come on top of the clouds?</p>