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