Can someone take a look at my site in Firefox?: http://www.test777.biz The index page has Malsup's free Cycle2 responsive slider, but I used Chris Converse's method in his Lynda.com tutorial of dynamically loading images into a hero based on screen size. I took his method a step further by trying to dynamically load different html documents into the #hero div which have the images for the slider in different sizes for different screen sizes. It is working just fine in chrome, safari, and opera, but the browser does not re-size very well in firefox and the layout basically falls apart. Often I can not scroll down after a re-size to a smaller screen size until I click on the screen two times. Then if I try to make the screen size large again, it just stops re-sizing, I have to click on the screen and then it just goes back to a smaller screen size.
I think the problem may be in the way that I hooked the jquery. I had to write the html documents that get loaded through jquery with the javascript hooks directly in each document, that is the same jquery hooks that are on the index page, so I think I have too many google api javascript hooks, and too many of the jquery documents for the slider as well as for the jquery doc that is a screen size check that dynamically loads the documents. I think I have two of each at any given time during the re-size being called, but if I don't put the jquery documents directly in the dynamically loaded html files, they won't work. All four images will just be stacked one on top of the other.
Can someone please take a look at this? I would appreciate it very much.
firefox
