Вернуть значение стиля

После включения чекбокса меняется значение стиля для указанного блока div. Значение устанавливается left:0; и width: 245px;

#on:checked ~ .div { 
  left:0; 
  width: 245px; 
} 
     
.div { 
  position: fixed; 
  left:-245px; 
}

<input id="on" type="checkbox"> 
<label for="on">Клацать</label> 
 
<div class="div">текст</div>

Чудеса в том, что после перезагрузки страницы значение CSS для блока div не возвращается к left:-245px;

Как вернуть значение для класса div после перезагрузки страницы в браузере Firefox?