The CSS belongs into the head section of your code, and it's hard telling what's going on with the little bit of code you paste.  Ideally, load up the page somewhere and send a link, so we can see the entire thing.

And your list needs to be closed.

From just a very quick look, you are using a template with an external stylesheet and you are trying to add a rounded box using inline styling. You are bound to have some conflict there especially as your page has 21 HTML validation errors, presumably from the code you have added as Six Shooter Media provides fully validating HTML and CSS templates.

You will need to create div (class if you are going to repeat the box on the page or id if it will only appear once) for your rounded box. Then place ALL the styling in the CSS file, including width, background images et tutti quanti.

Thanks both, I've tried the Visibility Inherit site, and the coding does seem easier than other sites. It seems pretty successful, the problem is that the box is not finding the images that I've got on my hard drive. I point the URL at it (cunningly enough, the file is "images/" then the name of the .gif.

I'm also getting to work on the error messages. I've got it down to 14 and 1 CSS error - so that's not bad eh? I take it that of the content of the box is under a header tag then I can't put a list tag next to it: eg <h4><li>my list</li></h4>? (This is one of the errors that has come up.)

Thanks