It seems that the style of CSS-surrounded corners works in some parts of my Stackexchange site - SF Answers and Phonehow.com , and not others - it displays correctly in Chrome, but not in Safari. I'm not sure if this is a Safari error, or something that I have been missing. The navigation bar uses the style of rounded corners in all browsers, but the tabs (active, favorites, hot, week, month) still remain square in Safari. I had few of my fellow coders checking this, and they were stuck, so I thought I was asking a question here. Thanks
Here is my code:
#tabs a.youarehere, #tabs a:hover, .jtabs .tabsul li:hover, .jtabs .tabsul li.ui-tabs-selected {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border-color:#BBBBBB #BBBBBB #FFFFFF;
border-style:solid;
border-width:1px;
color:#264a6f;
-moz-border-radius:4px 4px 0 0;
-webkit-border-radius:4px 4px 0 0;
debug source
share