Thank you for your reply!
After spending over 3 hours I finally found the issue.
At an earlier stage I tried fixing the issues I was having with internet explorer, so I implemented the css rules advised by jdai.
Thank God for developer tools. I was able to fix everything by adding the following CSS to my themes CSS:
.wpc-img img {
max-height: 151px;
max-width: 212px;
width: auto;
height: auto;
}
.new-prdct-img img {
max-height: 151px;
max-width: 151px;
width: auto;
height: auto;
}
.product-img-view img {
max-height: 358px;
max-width: 500px;
width:auto;
height:auto;
}
The problem was with height:auto, which shrinked img1 and then img 2 which is out of the frame got in.
anyway, thank you for all your help and great work on this plugin!