Styling options in a select list in IE7

I’m trying to indent parts of a list of options in a select dropdown menu using something like this:

[code]
<select>
<option>Option 1</option>
<option>Option 2</option>
<option class=”child”>Option 2a</option>
<option class=”child”>Option 2b</option>
<option>Option 3</option>
<option class=”child”>Option 3a</option>
<option>Option 4</option>
</select>
[/code]

With the following CSS:

[code]
option.child { text-indent: 10px; }
[/code]

Works fine in FF, but not in IE. I’ve also tried using padding-left and margin-left but to no avail.

I don’t have the ability to use optgroup because, in the example above, Option 2 and Option 3 are still items that need to be select-able. Is this possible? It sure doesn’t seem like it.

Also in #CSS _↴