Shouldn't this work? Seems to easy though

[nyc_skater]

I find a solution that sounds almost to easy to impliment to make round corner boxes in css.

But for some reason it's not working.

Here's my code. the images are tl for top left, tr for top right and so on...

div.content_introduction {
background-image :
url("tl.gif"),
url("tr.gif"),
url("br.gif"),
url("bl.gif"),
url("tm.gif"),
url("rm.gif"),
url("bm.gif"),
url("lm.gif"); }

div.content_introduction {
background-repeat :
no-repeat, no-repeat, no-repeat, no-repeat, repeat-x,
repeat-y, repeat-x, repeat-y; }

div.content_introduction {
background-position :
top left,
top right,
bottom right,
bottom left,
top left,
top right,
bottom right,
bottom left; }


Then it says to do this:
<p class="content_introduction">blah blah blah blah blah</p>

but I get nothing. and yes, the images are saved in the right place

[chris_bcn]

you can't have multiple background images assigned to a block level element - can you link to tthe tutorial for this?

[nyc_skater]

The tutorial was actually in a book I found in a book store called Trancending CSS, I wrote the whole thing down in a notebook while i was there.

I just researched and found the same answer about the multiple images...I don't understand why it was in the book then.

Maybe I didn't read what was before or after it, I do recall seeing a chapter on javascript to fix problems in CSS and I think this was part of it...

Oh well, thought it wqs too good to be true, But CSS3 will support multiple images from what I also read.

[chris_bcn]

it was in the book because it was talking about CS3 which will allow multiple images.

It'll be a long time before they can be used though

[nyc_skater]

Dang, that stinks

ChrisBCN, I've found many rounded corner techniques, most of them make a solid box (background of box same color as corners) I'm looking for one that could make an outline box which is why I thought this would be a good one.

Do you know of a good tutorial or technique.

Thanks