Recently, a helpful member of the StackOverflow community provided me with some jQuery-based Javascript code.
The code works well overall, but there is a persistent issue that I need assistance with.
Specifically, the JavaScript calculates a margin for alignment purposes. However, the calculated value is not always an exact pixel - sometimes it's 14.4 or similar. Oddly enough, this issue only occurs in browsers like Safari and Chrome where, as the screen is resized, the box on the far right side 'jumps' instead of staying flush against the edge of the container.
In Firefox, however, this problem does not occur, which is the desired behavior I am aiming for.
Is there any way to prevent this disruptive 'jumping' effect, or is it unfortunately related to how different browsers render content, beyond my control? :(
You can find the code and demo in this JSFiddle link: http://jsfiddle.net/m4Gp/1/
(Try resizing the browser width in Firefox then in Safari/Chrome to observe the jump on the right)
Any responses are immensely appreciated! Thank you very much