Does anyone know why jQuery has an uptick in the width percentage when using animate to scale down the width of an image. This only seems to happen when you are scaling down a div with a percentage based width that is within a div that is also using a percentage based width. See this example in it you can see that the square to the right drops down for a split second in the up tick. If you try ordering the animate changes on completion handlers there are similar results due to the uptick. The example is based on this other SO issue but is unanswered for my use case. I'm guessing it has something to do with 3rds and floats in ranging limits with percentages in jQuery, but maybe there is a simple solution out there. Thanks in advance for any help.
Check JSFiddle Link