Hi all,

I'm trying to get the text next to a selected radio button to become "highlighted" with background color (once the radio button is selected). However, I'm not seeing the color highlight, only a faint dotted box around the text when selected. This is happening with I.E. 8 & 9.

HTML code:
Code:
<div class="hlText">
<label for="radio1"><input type="radio" id="radio1" name="something" value="1"> <span class="label">Some text here for Radio button #1</span></label>
<label for="radio2"><input type="radio" id="radio2" name="something" value="2"> <span class="label">Some text here for Radio button #1</span></label>
</div>
CSS code:
Code:
.hlText label {
    display: block;
}

.hlText label {
    margin-left: .1em;
}

.hlText input[type="radio"]:checked + .label {
    border: #000000 1px solid;
    background: #FFFF99;
}
Any ideas why the background color for the text isn't being highlighted when it's radio button is selected?

Thanks.