Chrome cambia de estilo después de actualizar y lo corrige cuando hago clic derecho para inspeccionarlo

El es un error bastante extraño al menos en mi experiencia.

He hecho una versión de prueba del sitio para que pueda verla en vivo aquí .

Pasos para reproducir:

Ingrese al sitio, vea #thelist bien como debería:

enter image description here

El problema viene cuando cuando haces una simple actualización, estoy en una máquina de Windows, así que Ctrl + R o F5 .

Ahora #thelist cambiará su posición:

enter image description here

Mi principal problema al arreglar esto es que cuando bash inspeccionar el elemento, vuelve directamente a su posición correcta …

Tenga en cuenta también que si hace una actualización fuerte Ctrl + Shift + R o Ctrl + F5 , el elemento volverá a su posición correcta.

¿Cómo es esto posible, qué está causando esto? ¿Cómo puede ser resuelto?

En #imgSlot , establezca las dimensiones en el HTML:

  

y el problema ya no sucede.

Tu código original: http://jsbin.com/efejay

Con dimensiones: http://jsbin.com/efejay/2

Esto es claramente un error de WebKit. Creo que está relacionado con la imagen que se almacena en caché. He visto cosas similares en el pasado, pero JavaScript generalmente está involucrado. Por ejemplo: jQuery height () devuelve valores falsos

Pruebe la posición: relativa en #rightColumn y coloque el elemento con la parte superior e izquierda en lugar de margen