Scroll scale/position fix

gistfile1.html

<div class="scroll-dialog">
        <img src="header.png" style="width: 100%;" />
        <div class="scroll-content"></div>
        <img src="footer.png" style="width: 100%;" />
</div>

.scroll-dialog {
width: 80%;
position: absolute;
top: 40px;
left: 10%;
}

.scroll-content {
background-image: url(bg-gradient.png);
/* a horizontal slice of middle the scroll repeating vertically, this way the dialog can be eny height*/

background-size: 100% 100%; /*stretch to fit*/
}