Div surrounding non public items

It would be a nice feature if there was a div with a specific class (say workflow state) surrounding displays of non public items when previewing a page.

Say you have an item that you preview in the system, without publishing it (or changing the url parameters) an end user doesn’t have a good idea of what the page will actually publish out at. With that specific div class surround objects that aren’t public, we can style the contents of the div to say have a “PREVIEW” image overlaid on top to indicate that it won’t be published out.