I'm currently using the browser detection from Peter-Paul Koch for border-radius.

I added this to my code :

2. BrowserDetect.init();
3. if (BrowserDetect.browser === 'Safari')
4. {
5. radius_b = '-webkit-border-radius';
6. radius_btl = '-webkit-border-top-left-radius';
7. radius_btr = '-webkit-border-top-right-radius';
8. radius_bbr = '-webkit-border-bottom-right-radius';
9. radius_bbl = '-webkit-border-bottom-left-radius';
10. } else if (BrowserDetect.browser === 'Firefox') {
11. radius_b = '-moz-border-radius';
12. radius_btl = '-moz-border-radius-topleft';
13. radius_btr = '-moz-border-radius-topright';
14. radius_bbr = '-moz-border-radius-bottomright';
15. radius_bbl = '-moz-border-radius-bottomleft';
16. } else {
17. radius_b = 'borderRadius';
18. radius_btl = 'borderTopLeftRadius';
19. radius_btr = 'borderTopRightRadius';
20. radius_bbr = 'borderBottomRightRadius';
21. radius_bbl = 'borderBottomLeftRadius';
22. }

So now, when I'm doing this :

2. $('foo').css(radius_b, '20px');

It works great on all CCS3 ready browser. But when I add a map, it's not working anymore :

2. $('foo').css({
3.                 // Don't work
4. radius_btr: '20px',
5. radius_btl: '20px',
6.                 // works
7.                 color: 'blue'
8. });

Why :'( ? Is there a little plugin for doing that (don't care of IE, I only want CSS3 properties).