background image with css

[madcaptains]

Hello,
I am really bad with css. There is a text box on my blog with the following proprieties:

#headline {
width:590px;
float:left;
background:#fff;
padding:10px;
font-size:1.05em;
line-height:1.5em;
margin:0;
}

I want to use an image in the background. I tried to replace the

background:#fff;

with

background: url("my image url") no-repeat top;

but it looks like this is not the way to do this.

Could someone show me how to do this?

Thank you for your time!!!

[chaka42]

Try this:

background:#fff url(imageurl) top no-repeat;

[madcaptains]

Thank you for your help
Unfortunately, that did not work either

[htmlbasictutor]

If you have things sorted in folders, then it could be a path problem relative to where the CSS file is in relationship to where the image is.

[Bob Barr]

Originally Posted by htmlbasictutor

If you have things sorted in folders, then it could be a path problem relative to where the CSS file is in relationship to where the image is.

Also, depending on whether the css is inline or in an external file, the path to the image will need to be specified either relative to the location of the HTML file (if it's inline css) or relative to the location of the external css file. (I've been burned by that one a time or two.)

[madcaptains]

Originally Posted by htmlbasictutor

If you have things sorted in folders, then it could be a path problem relative to where the CSS file is in relationship to where the image is.

That was it! Thank you!!!

[mr12ka4]

nice posting .............