title: how to make div click-able?
body: <pre><code>&lt;div&gt;&lt;span&gt;shanghai&lt;/span&gt;&lt;span&gt;male&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>For div like above,when mouse on,it should become cursor:pointer,and when clicked,fire a </p>
  
  <p>javascript function,how to do that job?</p>
  
  <p><strong>EDIT</strong>: and how to change the background color of div when mouse is on?</p>
  
  <p><strong>EDIT AGAIN</strong>:how to make the first span's width=120px?Seems not working in firefox</p>