On a div with text, i have double click event which rotates the div by 90 degrees and a drag event which lets the user to move the div around, with in its parent. Dragging normal text div works perfectly fine. I have problem when it's rotated 90 degrees or -90 degrees. There is slight shift in the div before it starts moving along with the mouse. Here is an example of what I am talking about. http://jsfiddle.net/shore_haritha/sf43B/ I have this issue from firefox 12 through the latest version. When I looked at the Change log for Firefox 12 this is what I found. "The element.getBoundingClientRect() method now considers effect of CSS transforms when computing the element's bounding rectangle." Does anyone have an idea what is going on here? Any help would be appreciated.