Estoy trabajando en un proyecto para una gran tienda en línea, pero me he encontrado con un problema.

Necesito colocar un div con ancho: 100% de la pantalla, dentro de un div con un ancho fijo de 960px.

    <div> /* This div is fixed to 960px */
        <div> /* This is the div I want to fit the screen width */
        </div>
    </div>

Normalmente, pondría el elemento fuera de mi área de contenido, por ej. en la envoltura o donde sea que ya tengo un div con 100% de ancho. Pero eso implicaría cambiar una plantilla que afecte a todas las tiendas web de mis clientes, y solo la necesito en esta.

Asi que; Básicamente, ¿cómo se configura un div para que sea 100% del ancho de la pantalla, dentro de un ancho de padre fijo? ¿Es incluso posible?