Website animation only working correctly in Firefox
<p>Somewhat new to this. </p>

<p>Working on a site that has many animations using jQuery.
<a href="http://pantsateria.com/linda/alphabetExperiment.html" rel="nofollow">This is the site</a></p>

<p>If you would take a minute to look at it in Firefox what you will see is exactly what I intended, but if you look at it in Chrome or Safari it does not work correctly (but displays the same strange "errors" in both - omitted animations &amp; timing way off).</p>

<p>Stranger still, In IE (9) some of the words show up about 20px higher than intended, but animations do not.</p>

<p>Also, Chrome, Safari and IE show an image missing on left of screen, but there is nothing that should be there.</p>

<p><strong>Note</strong>: HTML looks redundant because all id and classes that end with "L" are for a large screen media query - where animations would cover the larger monitor - that I did not include in this example)</p>

<p>PS: I have read that the onload function in JS can be quirky, but I have tried many ways to open the code, and they all display the same quirks.</p>
