CSS problem

I am wanting the background to be grey (#665B55) but I am also wanting a row of "grade.png" along the top, how can I do this? I tried (below) but it only shows the image top with no grey.

Code:

---

#grey_main {

width: 730px;

background:#665B55;
background:url(grade.png);
background-repeat:repeat-x;

border-left: 1px solid black;
border-right: 1px solid black;

}

---

Thanks in advance
Danny

Would somthing like this work?

HTML Code:

---

body {
background: #665B55;
}

#grade_bar {
height: px;
width: 100%;
background-image: url(images/grade.png);
}

---

Thanks, Ive just done something like that +rep

Code:

---

background: #665B55 url(grade.png) repeat-x;

---