Strange background CSS issue

[adam1987]

I am using a background image for my website and beneath the image i would like to change the background colour.

The background image is not tiled or repeated however and the background colour still displays as white when the page is longer than the background image.

Here is my CSS

body {
background-image:url(http://www.urltoimage.com/back.jpg); background-repeat:no-repeat;
background-color:53b4d9;
   font-size: 11px;
   font-family: Verdana, Arial, Helvetica, Sans-Serif;
   color: #ffffff;
   text-align:center;
}

[Guest]

Could you post a screenshot...

[Trine]

Hi,

You have missed a "#" before the hex-code in background-color.

body {
background-image:url(http://www.urltoimage.com/back.jpg); background-repeat:no-repeat;
background-color:#53b4d9;
font-size: 11px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: #ffffff;
text-align:center;
}

TIP: Use http://jigsaw.w3.org/css-validator/ to track errors in your CSS.

If you us Firefox as your browser, you can download Firebug (www.firebug.com) as debugger.

Regards,

Trine

[Paul C]

Well spotted Trine

I stared at that for ages and though - "Nothing wrong with it"

Paul