Cómo renderizar un elemento html usando phantomjs

Quiero guardar la imagen dentro de la div especificada en el código. Pero al usar el código que aparece a continuación, obtengo otra porción representada. ¿Es esta la forma correcta de hacerlo? Sólo soy un principiante en phantomjs. Así que, por favor, ayuda.

var page = require('webpage').create();

page.open("http://n1k0.github.io/casperjs/#phantom_Casper_captureSelector", function    (status) {
    if (status !== 'success') {
        console.log('Unable to load the address!');
    } else {

        var clipRect = page.evaluate(function () { 
        return document.querySelector(".span7 demo").getBoundingClientRect(); });
        page.clipRect = {
            top:    clipRect.top,
            left:   clipRect.left,
            width:  clipRect.width,
            height: clipRect.height
        };



        window.setTimeout(function () {
            page.render('capture.png');
            phantom.exit();
        }, 200);
    }
});

Respuestas a la pregunta(3)

Su respuesta a la pregunta