CSS Put image at top of page

background-image, background-position, css

Solution

Change the arrangement of these values from `center top` to `top center`

background-position: top center;

Tested in Safari 4, Chrome, and FF 3.5

The code I used in testing was:

 body { background: url(./image.png) no-repeat top center; }

Problem

I need to have an image at the top-center of a web page in css. Now, Im just using the `background-image:` in css but this puts it at the middle of the page. Here's my code: ``` body { background-image: url("theimageurlgoeshere"); //The image is 842 x 508 background-attachment:fixed; background-position: center top; background-repeat: no-repeat; } ``` Also, Changing the `background-position:` seems to have no effect on the outcome of the site. Any help is appreciated.

Original source