title: do off screen html elements still get rendered by the browser
body: <p>I have my body tag fill the browser window and it has a collection of div elements I'll refer to as screens. Only one screen is displayed at a time, filling the body tag, and the other screens sit off the edge of the browser view port. I want to know whether I should set them to <code>display:none;</code> to save the browser doing anywork rendering them. Or does the browser already know they are off screen and leave them alone until they come back on?</p>