Промяна на тикчето на radio бутон

[confiscate]

Здравейте

Имам следния html код:

<ul class="radio-left">
                            <li> I am planning to attend the conference:</li>
                            <li><input type="radio" name="attend" value="Yes" class="paper constant1" id="attendYes"/>Yes</li>
                            <li><input type="radio" name="attend" value="No" class="paper constant1"/>No</li>
                        </ul>

Искам да променя точката при чек да е зелено тикче, което съм свалил предварително.

Пробвах следното , но нещо не ми се получава:

input[type="radio"]{
display: none;
}

input[type="radio"] {
display:inline-block;
    width:20px;
    height:20px;
    margin:-1px 4px 0 0;
    vertical-align:middle;
    background: url(../img/tick.png) no-repeat center center;
    cursor:pointer;
}

input[type="radio"]:checked {background: url(../img/tick.png) no-repeat center center;}

Пак си седи точката, която е по подразбиране.

Бихте ли ми казали къде бъркам ?

PS: Пътят до снимката е правилен.

Благодаря предварително!
Поздрави !

 

[joTunkiq]

Видео урок : http://nau4i.me/jupgrade/index.php/javascript/34-jquery/357-jqueryplugins :?:

 

[dakata__92]

Това? :?:
http://code.stephenmorley.org/html-and-css/styling-checkboxes-and-radio-buttons/

 

[confiscate]

Това? :?:
http://code.stephenmorley.org/html-and-css/styling-checkboxes-and-radio-buttons/

Използвам нещо подобно в моя код, но при мен не се получава. Подозирам , че е защото не използвам label