color de fondo no siempre aparece

Question

Tengo el siguiente CSS establecido para mi página. Cuando la página se carga el color de fondo no siempre tiene efecto. Tengo que actualizar mi página de una vez o dos veces antes de los trabajos de color. Alguien sabe por qué? La imagen de fondo no es tan alto como toda la página y es un gradiente. Así que estoy tomando el color del píxel inferior del gradiente y el uso que, como el color de la página bg.

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000000;
    margin: 0px;
    padding: 0px;
    background-color: #001833;
    background-image: url(images/page_bg.jpg);
    background-repeat: repeat-x;
    background-position: left top;
}

Answer 1

Probar:

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10pt;
    color: #000;
    margin: 0;
    padding: 0;
    background: #001833 url(images/page_bg.jpg) repeat-x top;
}

(No es necesario especificar 'izquierda' si su repetición.)

Además, si usted está usando CSS reset (o no), asegúrese de que su cuerpo utiliza la altura del 100%:

html, body {height: 100%;}