input[type=radio]:checked + label en IE8

[dblanco]

pues nada que pretendía personalizar unos input radio utilizando el siguiente código:

Código PHP:

  <div ID="pm_info_dp">
 
<span class="radio"><input type="radio" id="radio_01" value="0" name="type_pay" /><label for="radio_01">&nbsp;</label></span>
 
<span class="radio"><input type="radio" id="radio_02" value="1" name="type_pay" /><label for="radio_02">&nbsp;</label></span>
 
<span class="radio"><input type="radio" id="radio_03" value="2" name="type_pay" /><label for="radio_03">&nbsp;</label></span>
 
</div> 
   

y en la hoja de estilo:

Código PHP:

  #pm_info_dp input[type=radio] {
    display: none;
}
 
#pm_info_dp input[type=radio] + label {
    cursor: pointer;
    display: inline-block;
    width: 13px; height: 18px;
    background: url(img/radio_off.gif) left 5px no-repeat;
    text-indent: -1000em;
}
 
#pm_info_dp input[type=radio]:checked + label {
    background: url(img/radio_on.gif) left 5px no-repeat;
} 
   

el caso es que en Mozilla y Chrome, pues perfecto pero con Iexplorer 8, sólo me aparece la imagen correspondiente al radio sin seleccionar (osea "radio_off.gif") pero hace caso omiso totalmente del "input[type=radio]:checked" ya le ponga una imagen, un color de fondo o lo que sea.

¿alguien sabe porque Iexplorer ignora el input[type=radio]:checked y cómo se soluciona?

gracias