If I load DDG in BrowserLab,as FF 3.0 or 3.6 on OSX, it looks fine.

Border radius is a bit different depending on browser. Use these to prevent browsers from misinterpreting things:

For #sx:

moz-border-radius-topleft: 3px;
moz-border-radius-bottomleft: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;

For #sb:

moz-border-radius-topright: 3px;
moz-border-radius-bottomright: 3px;
-webkit-border-top-right-radius: 3px;
-webkit-border-bottom-right-radius: 3px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;

The silly browsers haven't all made up their mind about these things, and WebKit doesn't let you specify radius for different corners in the same property. There's not a way around this yet.
posted by [Old Forum guest] • 8 years and 4 months ago Link