Fondo de Web que "parpadea"

[jodanaru]

Hola,

estoy desarrollando mi primera web con CSS y me encuentro un problema. Tengo una hoja estilo.css donde defino el body de la siguiente forma:

body {
background-image:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
color: #000000;
background-color:#800080;
text-decoration: none;
margin-top:0px;
margin-left:0px;
background:url("./images/fondo.jpg") no-repeat center top;
}

El caso es que funciona bien en Mozilla Firefox pero en explorer el fondo "parpadea" cuando cambio de pagina dentro de mi web. Es decir, que desaparece y vuelve a aparecer. (El peso del fondo.jpg es de 28 KB).

¿Hay alguna forma de corregir esto?

Gracias

[jomaruro]

Hola:

A mi entender en tu código hay dos cosas que se contradicen:

body {
background-image:none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
font-variant: normal;
color: #000000;
background-color:#800080;
text-decoration: none;
margin-top:0px;
margin-left:0px;
background:url("./images/fondo.jpg") no-repeat center top;
}

Por un lado le dices que no hay imagen de fondo background-image:none; y por otro le indicas la imagen de fondo background:url("./images/fondo.jpg") no-repeat center top;, con lo cual pienso que al cambiar de página primero borra la imagen y después la vuelve a poner, decidete por una de ellas.

Saludos.

[jodanaru]

Gracias por la rapida respuesta, pero realmente ese no es el problema.

He quitado el background-image:none; y sigue parpadeando el fondo.

El parpadeo se produce en ie7 y en opera. En chrome y en Mozilla Firefox funciona sin parpadeo.

¿Alguna otra idea?