Why doesn't chrome cache / crooked / untimely process css?

Question

css

Hello!
I always use Safari and check the layout in it, but when it came to checking the layout for cross-browser compatibility and I started with Chrome, I noticed one interesting feature.
Attached to some boxes and links in CSS transition: all .15s linearfor a smooth hover effect and some other effects created by JS (ex: reducing the size of the header, which is position fixed).
Because of this transition itself, with each page refresh (CMD+R/CTRL+R) you can see how the links smoothly transition from the state of blue-underlined to the state of red-lineless-italic-fontFamilyPTSans-and so on ... Same with the rest of the blocks , which are not links but have a transition.
You can solve the issue with links by writing not
a {transition: all .15s linear;}
but
a:hover {transition: all .15s linear;}
But what about the rest of the blocks?
Another problem: there are 10 float left blocks, the 10th of which has child blocks with position absolute. When the page is refreshed, this very block sometimes slides down, and sometimes stands in its place among the other nine ...
The problem is in the chrome settings or I registered something somewhere in the wrong place, I could indicate some left meta or something like this?
Safari is fine.
Website : www.poef.ru

Answer 1

Template not found: /templates/default/static-main.tpl

Good luck to you