In my attempt to keep my postings terse, I have unfortunately misled you.
Here is the exact code that I added to my CSS to generate rounded corners.

#tociphotograph{
padding: 10px;
margin: 10px 10px 35px 10px;
background-color: #FFFFFF;
border: 1px solid #3366FF;
-webkit-border-radius: 10px solid #3366FF;
-moz-border-radius: 10px solid #3366FF;
}

After I read your first reply to my query, I revised the code by removing
“solid” and “#3366FF” to read as follows:

#tociphotograph{
padding: 10px;
margin: 10px 10px 35px 10px;
background-color: #FFFFFF;
border: 1px solid #3366FF;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
}

The second implementation in my style sheet solved the problem. The rounded corners
look wonderful.

By the way, will “-moz-xxx” take care of Firefox?

Thank you for your help.

Kurt Todoroff

I’ll remember that.

Thank you for your prompt response. My apologies again. My posting should
have read:

to my HTML as follows:

Safari renders nice rounded corners.

On to the CSS code. I reviewed the specification for the syntax of border-radius.
Are you (and the spec) suggesting that I should not include the code:

“solid #3366FF”

because border-radius will inherit these attributes from #tociphotograph{}?

I just deleted this code from my CSS and tried it again. The corners are still
square.

Perhaps I’m overlooking something, or I’m misinterpreting the specification.

Thank you for your help. I look forward to your next posting.

I meant to type:

I discovered this website a few days ago.

I decided to try border-radius. I added the following code
to my cascading style sheet:

-webkit-border-radius

as follows:

#tociphotograph{
xxx: xxx;
yyy: yyy;
-webkit-border-radius: 10px solid #3366FF;
}

The object’s corners remain square.

However, when I removed this line from my CSS and then added:

-webkit-border-radius

to my HTML as follows:

Safari renders nice rounded corners.

Why doesn’t Safari recognize the code in the CSS?

Thank you.

It’s a slightly obscure one, but if you apply a border-radius to a div *and* set the dix to be content-editable, the border radiuses are incorrectly drawn as you add new lines of text (forcingrthe div to grow vertically).

It’s probably an easy one to fix