Javascript jQuery UI位置-图像问题上的Div

我有一个图像表（每个图像都在它自己的td中），我有一个div，其中包含可以对图像执行的操作。当我将鼠标移到图像上时，我会在图像顶部显示div。目前我正在使用jQueryUI位置插件。我已经编写了javascript来实现这一点。每个图像都有一个名为“cam”的属性，因此我使用选择器来连接mouseover事件。包含命令的div的id为“dvCamControl”

问题是我似乎无法使div在图像上居中

代码：

img看起来像

<IMG style="WIDTH: 300px" alt="img" src="img" cam="img1">

---

div垂直居中，但不水平居中。div没有出现在图像的中央，而是朝左移动。

多亏了Steve Wellens，我才解决了这个问题。我使用JSFIDLE重新创建了这个问题，并在这个过程中解决了这个问题

问题是我正在定心的div没有固定的宽度，所以它默认为100%。我在div中的控件左对齐，很难判断代码是否正常工作。一旦我在div上指定了一个宽度，一切都很好

---

作为参考：

也许您可以创建一个JSFIDLE来演示这个问题。

<IMG style="WIDTH: 300px" alt="img" src="img" cam="img1">