Флажок «Стилизация» ⇐ CSS

[Anonymous]

Я пытаюсь вставить изображение вместо флажка. Код, который я использую:

Код: Выделить всё

.bl {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #175899), color-stop(0.5, #7da4bf), color-stop(3, #9fbed3));
width: 90%;
height:30px;
border-radius: 5px;
margin-right:auto;
margin-left:auto;
margin-top:10px;
margin-bottom:10px;
}
p
{
font-family:"Times New Roman";
font-size:10px;
}

checkbox
{
width: 75px;
height: 75px;
padding: 0 5px 0 0;
background: url(images/Green_tick.png) no-repeat;
display: block;
clear: left;
float: left;
}

.checked {
position: absolute;
width: 200px;
height: 21px;
padding: 0 24px 0 8px;
color: #fff;
font: 12px/21px arial,sans-serif;
background: url(images/Green_tick.png) no-repeat;
overflow: hidden;
}






function Checked(id)
{
if(id.checked==1)
{
alert("Checked");
}
else
{
alert("You didn't check it! Let me check it for you.")
id.checked = 1;

}
}



[url=javascript:][/url]

All verifications required for QR7 can be uploaded here. Any item which still requires verification is
marked in red until picture has been attached.

 Income 

 Property 

 Court Order Child Support 

 Future Medical Child Support 

Любые предложения о том, как этого добиться. На данный момент у меня в флажке стоит обычная галочка.

Заранее спасибо.

Подробнее здесь: https://stackoverflow.com/questions/910 ... g-checkbox