CSS Help

How i make this so it doesnt repeat and is centered:

HTML Code:

---

  background: #FFFFFF url(style_images/<#IMG_DIR#>/forum.PNG);

---

center {
background-image: ('forum.PNG');
top: 500px;
left: 250px;
}

Something like that, I don't really know css that well.

Code:

---

body {
background: #FFFFFF url('style_images/<#IMG_DIR#>/forum.PNG') center no-repeat;
}

---

Quote:

---

Originally Posted by joshua

Code:

---

body {
background-image: url('style_images/<#IMG_DIR#>/forum.PNG');
background-color: #FFFFFF;
background-positon: center;
background-repeat: no-repeat;
}

---

---

ah, there we go.

joshua, out of interest would that code center the bg both height and widthwise?

Quote:

---

Originally Posted by RYANNNNN

ah, there we go.

joshua, out of interest would that code center the bg both height and widthwise?

---

I changed it to the shortcut attribute. ANYWAY, I think it wont be centred vertically & horizontally in FF, to fix that you'll need to add "fixed" at the beginning of the declaration:

Code:

---

body {
background: fixed #FFFFFF url('style_images/<#IMG_DIR#>/forum.PNG') center no-repeat;
}

---