Truthfully, you would probably be better off not using background image and just use html/css to create the same look. You can create a green background-color, use text-shadow on your text. You can even use images for your borders if necessary. Just a suggestion. ;-) Use position:absolute on your layout elements since you are using a fixed background image. The button is placed in a "wrapper" element so that you can move it's position around using top and left. I changed the size of the button to 64px and gave it's element background-size:100%; so that it will "stretch", not clip. Also, make sure you use px, em, rem, etc. in your css that are calling size increments, otherwise the css doesn't know exactly what type of measurement you want. <!--HTML-->
<div class="sheet-background">
<input class="sheet-input-name" type="text" name="attr_nome" /></div>
<div class="sheet-checkbox-wrapper">
<input class="sheet-toggle-something" type="checkbox" name="attr_toggle-something" value="1" /><span></span>
</div>
</div>
<!--CSS-->
.sheet-background {
background-image: url(" <a href="http://i1109.photobucket.com/albums/h426/trodurizen/fundo-b-zumbi_zps0nqhxmdm.png" rel="nofollow">http://i1109.photobucket.com/albums/h426/trodurizen/fundo-b-zumbi_zps0nqhxmdm.png</a> ");
width: 640px;
height: 480px;
}
.sheet-input-name {
position: relative;
top: 48px;
margin-left: 26px;
height: 560px;
width: 218px;
border-width: 1px;
text-align: center;
font-family: verdana;
font-size: 20px;
font-weight: bold;
color: white;
background-color:rgba(255,255,255,0.0);
border-color:rgba(255,255,255,0.0);
text-transform: uppercase;
}
.sheet-checkbox-wrapper{
position: absolute;
height: 64px;
width: 64px;
top: 140px;
left: 320px;
}
input[type="checkbox"].sheet-toggle-something {
opacity:0;
height: 64px;
width: 64px;
position: absolute;
z-index: 2;
}
input[type="checkbox"].sheet-toggle-something + span{
background-image: url(" <a href="http://www.uidownload.com/files/927/874/424/button-turn-off-icon.png" rel="nofollow">http://www.uidownload.com/files/927/874/424/button-turn-off-icon.png</a> ");
height: 64px;
width: 64px;
display:inline-block;
padding: 0 0 0 0px;
position: absolute;
z-index: 1;
background-size:100%;
}
input[type="checkbox"].sheet-toggle-something:checked + span{
background-image: url(" <a href="http://www.uidownload.com/files/508/723/822/button-turn-on-icon.png" rel="nofollow">http://www.uidownload.com/files/508/723/822/button-turn-on-icon.png</a> ");
height: 64px;
width: 64px;
display:inline-block;
padding: 0 0 0 0px;
background-size:100%;
}
Cheers
