border-radius

Forcing child to obey parent's curved borders in CSS.

I have a div inside of another div. #outer and #inner. #outer has curved borders and a white background. #inner has no curved borders and a green background. #inner extends beyond the curved borders of #outer. Is there anyway to stop this? <div id="outer"> <div id="inner"></div> <!-- other stuff needs a white background -->...

Firefox 3.6 Ignoring CSS3 border radius.

I am using -moz-border-radius (along with border-bottom-left and the webkit one). The radius shows up in every browser (that supports css3 radius) no problem. In firefox, the radius shows up. When I inspect with firebug, radius is missing from the stylesheet (it is there though, just not visible in firebug). it works here on the tabs ...

chrome -webkit-border-radius -webkit-box-shadow inset

I am having a problem to use both inset box shadow and border radius. This works well with mozzila but with chrome -webkit-box-shadow extends the shadow outside the division. Here is the link to the website: www.rohanjain.in, the corners are rounded for mozzila but i have not enabled border-radius for webkit because of this bug. I am ...

How can I support border-radius on all major web browsers?

There doesn't seem to be a way to support border-radius other than to provide the CSS for each engine separately. Right now it seems you have to declare the property three or four times (possibly more if you want to support more obscure engines). My interim solution is to pass all of my CSS through this regular expression: Regexp: bor...

Google Chrome - buggy curved borders?

Hey, I have a relatively positioned div within a centred div of width 50%... I mean the outer one is set to width: 50% and margin-left/right: auto. I then have another div with class headerContainer and another one with class header. There is an image with class headerImg within the header div. It would seem that, when a curved border ...

Rounded corners on img with border in FF

This isn't really a question, just something I struggled with on my own and thought others might appreciate a solution. If you try to apply a border and rounded border radius to a div containing an image in FireFox, you get rounded div borders with a square image sticking out at the corners--rather unsightly. Solution? Apply a desire...

jquerycurvycorners: -moz-border-radius replace to border-radius

IE9, Firefox 4, Opera 10.5, Safari 5, Chrome 4, WebKit 532.5 supports CSS3 border-radius. Latest jquerycurvycorners 2.1.1 uses -moz-border-radius and not border-radius to create corners to old browsers. How to replace it to border-radius, border-top-left-radius, border-top-right-radius, border-bottom-right-radius, border-bottom-left-rad...

i have a doubt in css border-radius

i have a css code: -moz-border-radius-topleft:50px; i get the result: Is there any possibilities to give like this: ...

css border radius furry edges in earier version of safari

Hi, I am getting a wierd furry edge in earlier versions of Safari when using border-radius. I am using Panic Coda (I don’t know what rendering version they use) but it’s fine in my other version of Safari, which is version 5. The style: background: url(/images/arrows.png) no-repeat center right, -webkit-gradient(linear, 0% 0%, 0% 100...

Creating CSS3 round corners in Opera.

i understand how to create CSS3 round corners in FF & webkit however how would one create them in opera purely with CSS3. ...