On FireFox everything works and starts off correctly. But on Chrome and Safari not sure about IE maybe someone can take a look at it for me the parallax images all start in different points. I believe this has to do with some of the CSS but not sure how to get it to show up correctly across all browsers.
When I open the files on my desktop not on the online host in Chrome/Safari they work fine so it is becoming frustrated why it is doing this.
Now if I go into Chrome/Safari and just grab corner of my browser window to resize just a hair then it all scrolls properly but once I refresh its back to not working correctly. Any reasons why this is acting like this?
One other thing in Safari when scrolling sometimes the navigation disappears.
One other question as I want to put this into the page. I used icons to create this as you can see is it possible using CSS so when you rollover the whole div containing each icon that the animation goes all at once so someone just has to rollover one of the letters and the background color will change on all letters all at once and the outer div containing all the icons/letter will click somewhere instead of all letters.
Heres the link for where I am at right now with it…
I did take a quick look yesterday but I couldn’t see that Chrome was any different to Firefox so you will need to make it easier for use to see what you mean. (Screenshots of the different behaviours perhaps).
Chrome is often buggy at redrawing especially in complicated pages like yours so it may be something that you will need to narrow right down by creating a bare bones page and testing from scratch to see what Chrome doesn’t like. ( Iv’e noticed that Chrome will often fail with re-applying media queries when the page is widened when main containers are created with inline-block or floats - but only happens in some cases.)
Regarding the logo then you lost me with your explanation of what you want to happen I think I need pictures.
The parallax I’ll attach show screenshots to show what I mean, the Lift+ and the Gillons are the only one which correctly show up the same in both FireFox and Chrome the rest are way off when fully in browser. FireFox shows correctly and funny thing is if you open the files offline from the desktop in Chrome they show up correctly but when on the web files open totally different…
FireFox
Chrome
So I think has to do with starting point somewhere in the CSS but not quite sure.
Hopefully can dig down into the issue to see whats going on.
Ah, hah! After reading Allan’s post, I opened Mike’s site again in Firefox. The boat is underwater and never surfaces! The good news is that the bug is not exclusive to Chrome. The bad news, of course, is that it is intermittent.
EDIT: I launched FireBug and the layout cleared up immediately.