Mini "Web Browser", with CSS

Using CSS transform to scale down an iframe and it's contents. The iframe will scale by half (0.5) but will occupy the space originally specified (1000x600). The iframe must be placed in div tags ("outside"), set to half the dimensions (500x300), to reduce the overall footprint.

<style>
#outside
{
    height:300px;
    width:500px;
}

#inside 
{
    width: 1000px;
    height: 600px;
    border: none;
    -moz-transform: scale(0.5);
    -moz-transform-origin: 0 0;
    -o-transform: scale(0.5);
    -o-transform-origin: 0 0;
    -webkit-transform: scale(0.5);
    -webkit-transform-origin: 0 0;
    -ms-transform: scale(0.5);
    -ms-transform-origin: 0 0;
}
</style>

<div id="outside">
<iframe id="inside" src="https://oioiiooixiii.blogspot.com/2014/06/the-machine-2013.html"></iframe>
</div>

-moz Mozilla (Firefox)
-o Opera
-webkit Google Chrome
-ms Microsoft IE