title: jQuery UI Position - Div over Image Issue
body: <p>I have a table of images (each image is in it's own td), I have a div that contains operations that can be performed on an image.  When I mouse over an image I display the div over the top of the image.  I am using the jQuery UI Position plugin at the moment.  I've written javascript that accomplishes this. Each image has an attribute named 'cam', so I use a selector to hook up the mouseover event.  The div with the commands in it has the id 'dvCamControl'.</p>
  
  <p>The problem is I can't seem to get the div to center over the image.</p>
  
  <p>Code:</p>
  
  <pre><code>        $('[cam]')
              .mouseover(function() {               
                  $('#dvCamControl')
                      .show()
                      .position({ my: "center", at: "center", of: $(this), collision: 'none'});
              });
  </code></pre>
  
  <p>The img looks like</p>
  
  <pre><code>&lt;IMG style="WIDTH: 300px" alt="img" src="img" cam="img1"&gt;
  </code></pre>
  
  <p>The div centers vertically but not horizontally.  Instead of being in the center of the image the div ends up way (way) to the left.</p>