problema con background-size

[esaenz22]

buenas. me guie de un sitio web para maquetar en html5 y css3. tambien utilize el css3pie para las propiedades de los bordes redondeados de un banner. el banner esta dentro de la etiqueta section con id unico #intro.

Código HTML:

<section id="intro">
  <!-- Introduction -->
    <header>
        <h2>Do you love flowers as much as we do?</h2>
</header>
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p>
    <img alt="Flower" src="images/intro_flower.png" />  
</section>
 

me sale bien obviamente en chrome, firefox y en ie8. pero que pasa. he notado que en ie8 no esta utilizando todo el area del background-size en el banner.

aqui dejo las imagenes para que lo vean.

en firefox y en ie8.



en chrome.



el codigo css.

#intro {
background: #467612 url("../images/intro_background.png") repeat-x;
behavior: url(pie/PIE.htc);
border-radius: 22px;
margin-top: 66px;
padding: 44px;
position: relative;
/* Background-size not implemented yet */
-webkit-background-size: 100%;
-o-background-size: 100%;
-khtml-background-size: 100%;
/* Border-radius not implemented yet */
-moz-border-radius: 22px;
-webkit-border-radius: 22px;
}

hay alguna manera que se vea bien en ie8 ?. esa es mi pregunta.

saludos.