title: Fetching product details on mouseover
body: <p>I want to integrate a function into my website, whereby if a user hovers their mouse on the name of a product, a box appears which will show the details of this product. For this I would preferably like to use either CSS or Javascript, I am not really sure how I would go about doing this though. Can anyone offer me some guidance please? I am currently using the JQuery UI with essentially the same code as the shopping cart code seen here :</p>
  
  <p><a href="http://jqueryui.com/demos/droppable/#shopping-cart" rel="nofollow">http://jqueryui.com/demos/droppable/#shopping-cart</a></p>
  
  <p>Thnk you very much for the help.</p>