imagen de fondo no se desplaza!!!

[FlashitoMXDream]

Hola muchachos
tengo un problema, kiero poner una imagen de fondo que se desplase en un div en especial (en contenido, cuadro del medio) pero tengo un problema.
El MALDITO EXPLORER no me lo toma y mi kerido firefox si me lo toma que puedo hacer ???

este es el codigo

Código HTML:

#content
{
 border-left: 1px solid #FF0000;
 border-right: 1px solid #FF0000;
 max-width: 36em;
 height: auto;
 width: 60%;
 padding: 5px 10px;
 float: left;
 color: #CCCCCC;
 background: url(imagenes/penta5.jpg) no-repeat fixed center; 
}

algun hack para k el explorer me lo tome ??

vi una pagina que se puede hacer esto, al igual que aca pero en la otra lo vi con ejemplo mirenla: http://www.w3schools.com/css/tryit.a...css_background

en esa pagina se ve que se puede pero a mi no me sale x k ????¡¡¡¡¡¡¡
tendre que poner algo en los otros div 's ?
GRACIAS

[RoQ]

prueba no usando la forma abreviada

background-image: url("imagenes/penta5.jpg");
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;

[FlashitoMXDream]

No puedo lograr el efecto ese.

lo puse en forma ampliada como me dijiste pero = no anda.

pongo todo el codigo CSS que uso de los "tablas" kisa vean un error k yo no veo.

Código PHP:

  /* Selectores del cuerpo*/
body{
text-align: center;
background: #000000 ;
}
#container
{
width: 100%;
margin: 0 auto;
background-attachment: scroll;
}
#top
{
padding: 0.3em;
border-bottom: 1px solid #FF0000;
background-color: #000000;
}
#top h1
{
padding: 1em;
margin: 0;
}
#leftnav
{
float: left;
width: 15%;
margin: 0 5% 0 0;
}
#rightnav
{
float: right;
width: 15%;
margin: 0;
text-align: center;
}
#content
{
border-left: 1px solid #FF0000;
border-right: 1px solid #FF0000;
max-width: 36em;
height: auto;
width: 60%;
padding: 5px 10px;
float: left;
color: #FF0000;
background-image: url(imagenes/pentagram5.jpg);
background-repeat: no-repeat;
background-attachment: fixed;
background-position: center;
font-family: verdana, "Times New Roman", Arial;
font-size: 14px;
}
#footer
{
clear: both;
margin-top: 5px;
padding: .5em;
color: #CCCCCC;
border-top: 1px solid gray;
}
#leftnav p, #rightnav p { margin: 0 0 1em 0; }
#content h2 {
margin: 0 0 .5em 0;
font-family: verdana, "Times New Roman", Arial;
font-size: 24px;
color: #FFFFFF;
}
/*Termina los selectores del Cuerpo*/ 
   

[FlashitoMXDream]

alguno sabe el error ???? o algo pa' que funcione bien ?

[Jorolo]

Hola a todos, hola FlashitoMXDream.

"alguno sabe el error ???? o algo pa' que funcione bien ?"

Yo no veo ningún error, me parece que funciona bien.

Creo que lo que funciona mal es el IE.

Segun Este sitio IE solo soporta la propiedad background-attachment en el body. Puede que esta sea la causa de tu problema.

[FlashitoMXDream]

esa es la respuesta que buscaba.

Gracias