Shadowbox + Jcrop OR imgAreaSelect + jQuery UI + IE9

Shadowbox + Jcrop OR imgAreaSelect + jQuery UI + IE9

Hi,
 
I have noticed a wierd bug when I am using these plugins.
 
Here is my scenario.
A user clicks on a link to crop an image.
The image is being displayed in a Shadowbox popup, which loads another page that has either Jcrop or imgAreaSelect loaded with jQuery UI.
 
The problem seems to happen only in this specific case and it only seems to happen on IE9 with jQuery UI when I load the CSS stylesheet.
 
You can see the example here:
 
 
I am using latest jQuery library and UI also.
 
You will see the links that don't use jquery UI works fine when you click on the big image to crop.
But on the ones that load jQuery UI, it seems to not work correctly.
 
Another thing I would like to point out is that when the page is not loaded within a Shadowbox, with or without jQuery UI stylesheet loaded, it works fine.
 
So I am trying to figure out if there is anyway to fix this.
 
If anyone has found a way around this, please let me know!
    • Topic Participants

    • ken