how to isolate firefox 17 rendering bug

PixeL

New Member
I have a curious little bug in some HTML that only show up in Firefox 17 (OSX 10.8.2, no other OS tested yet). I have a 'sidebar' css class that encloses some text which is a repeating element on a number of pages. On one page (only) this text renders as if it has its css visiblility property set to 'hidden' (it does not display, but leaves the correct space around itself).All pages on the site contain an identical piece of google analytics asynchronous tracking javascript. If I remove this code, the bug disappears. I have checked the code and it is correct. It is used on every page in the site, and all other pages, with the SAME html (it's a repeating header) render fineThe bug disappears under any of the following conditions
- viewed in firefox 16 (same user settings and plugins), or any other browser.
- viewed in firefox 17 / safe mode
- remove the google analytics code
- replace the following line from the 'sidebar' class css \[code\] -moz-transform: rotate(90deg) translateX(320px) translateY(340px) scale(1);\[/code\]with\[code\] -moz-transform: translateX(320px) translateY(340px) scale(1);\[/code\](i.e remove the rotation)It has nothing to do with plugins and addons, as if I manually disable all of these the bug is still evident.Other pages with the same HTML, same css and the same google analytics code render fine.The problem page is the largest on the site (56k of optimised html with around 160 small images to load), all other pages are smaller. If I drastically cut the page down (from 160 images to around 10!) this also fixes the bug.Any ideas how to further isolate/fix the bug? At the moment it seems like i'd have to either sacrifice analytics or redesign the site, both of which seem a little excessive.
 
Back
Top