Problema Pie css3

[ccsaiKo]

Hola, como están ? ...
Bueno tengo un pequeño problema con pie css3.

Tengo un elemento que tiene el comportamiento (behavior) para los border radius.
Cuando le agrego este comportamiento el elemento se vuelve invisible.

Buscando que podria ser el problema, deje como comentario toda la hoja de estilo, y fui descomentando elemento por elemento de la hoja de estylo hasta encontrarme con la siguiente sorpresa :

Cuando un elemento padre de el elemento que esta recibiendo el comportamiento behavior:url(PIE.htc), tiene un fondo de color. el elemento que recive el comportamiento se vuelve invisible, si el padre tiene un color transparent este vuelve a ser visible.

A alguien le ha pasado esto ?.

Es un error mio ? ..
Muchas gracias.

[alexk]

Te recomiendo buscar en el foro de css3pie :)
PD: En ocaciones agregando "position:relative" solucionas el problema un saludo

[emprear]

Iniciado por ccsaiKo

Hola, como están ? ...
Bueno tengo un pequeño problema con pie css3.

Tengo un elemento que tiene el comportamiento (behavior) para los border radius.
Cuando le agrego este comportamiento el elemento se vuelve invisible.

Buscando que podria ser el problema, deje como comentario toda la hoja de estilo, y fui descomentando elemento por elemento de la hoja de estylo hasta encontrarme con la siguiente sorpresa :

Cuando un elemento padre de el elemento que esta recibiendo el comportamiento behavior:url(PIE.htc), tiene un fondo de color. el elemento que recive el comportamiento se vuelve invisible, si el padre tiene un color transparent este vuelve a ser visible.

A alguien le ha pasado esto ?.

Es un error mio ? ..
Muchas gracias.

Tu observación es correcta, pero existe un hack para eso
Fijate, yo hace tiempo tengo esta demo funcionando
http://foros.emprear.com/css3/PIE/PIE_demo.html
Siguiendo tu descripción, encerré ambos div que son afectados por PIE, dentro de otro div con color de fondo, y el resultado es
http://foros.emprear.com/css3/PIE/PIE_demo2.html

el fix concretamente es

#contenedor{
width: 900px;
height: auto;
padding: 10px;
background-color:#006291;
position: relative;
z-index: -1;
}

darle position y z-index. Cre oque con absolute también funciona.
Te aclaro que todas las pruebas las hago con las herramientas de desarrollo de IE9 (tecla F12), ya que no cuento con versiones nativas de IE8 é IE7

Saludos