Cómo hacer que

cubra toda la página y no solo la ventana de visualización.

Estoy tratando de que un div se extienda por toda la página. Actualmente, el problema es que solo cubre el tamaño de la ventana de visualización (por ejemplo 1920x1080px).

Este es el CSS del div que estoy utilizando en este momento:

#cursor-container {
position: absolute;
z-index: 99999;
pointer-events: none;
overflow-x: auto;
background-color: rgba(0, 0, 0, 0.25);
top: 0;
left: 0;
bottom: 0;
right: 0;
height: 100%;
width: 100%;
}

Actualmente, se ve así:

(Poner imagen)

Pero debería verse así:

(Poner imagen)

¿Cómo puedo solucionarlo?