Rendering text at less than minimum browser font size

dabblet.css

/* Rendering text at less than minimum browser font size */

body {
    background: #ccc;
}

.preview {
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 5px 5px 5px rgba(0,0,0,.5);
    margin: 5px;
    position: relative;
    height: 74px;
    width: 53px;
}

.preview .page {
	height: 277px;
	width: 190px;
	padding: 10px;
	position: absolute;
	transform: scale(0.25);
	transform-origin: 0 0;
}

dabblet.html

<div class="preview">
    <div class="page">
        <h1>Really small text</h1>
        <p>This text should be <em>really</em> small!</p>
    </div>
</div>​​​​​​​​​​​​​​​​​​​​

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}