lojjic/PIE — Issue #196: PIE.htc works but only with :first-child not :last-child?!
Author: pi99itty
Created: 2012-01-23 02:54:14+00:00
State: open

I am trying to reduce the number of calls to sprite images by using CSS3 (and PIE.htc to implement these in Explorer 7 & 8). I have a table of questions that are dynamically updated and added to a modal, and some of these question "rows" are answer buttons that, like radio buttons, have on/off toggle states.

#questions li:first-child a {border-radius:7px 0 0 7px;border-left:none;position:relative;z-index:0;behavior:url(/stylesheets/PIE.htc);}

#questions li:last-child a {border-radius:0 7px 7px 0;position:relative;z-index:0;behavior:url(/stylesheets/PIE.htc);}

After uploading PIE.htc and following the suggestions to add position:relative and z-index:0 to the classes, my rounded borders are finally showing up in IE8 -- but only for the first child.

Shouldn't the CSS3 properties display for the last child too? Should I just throw my hands up and make yet another #@$!%&*! image sprite to appease the neanderthals still stuck in IE6-, 7-, and 8-land-of-the-lost?