title: HTML images mouse over code
body: <p>I am looking for the code to make this image <a href="http://www.ciob.org.uk/sites/ciob.org.uk/files/images/annual%20roll%20over.jpg" rel="nofollow">http://www.ciob.org.uk/sites/ciob.org.uk/files/images/annual%20roll%20over.jpg</a> hover over this one <a href="http://www.ciob.org.uk/sites/ciob.org.uk/files/images/annual%20review%202010.jpg" rel="nofollow">http://www.ciob.org.uk/sites/ciob.org.uk/files/images/annual%20review%202010.jpg</a> on a mouse over.</p>
  
  <p>I am trying to link these to <a href="http://www.ciob-online-documents.co.uk/AnnualReview2010" rel="nofollow">http://www.ciob-online-documents.co.uk/AnnualReview2010</a></p>
  
  <p>Thanks for your help</p>
  
  <p>P.S I have looked everywhere and tried all sorts of examples.</p>
  
  <p>I am using a Drupal WYSIWYG editor in rich text.</p>