The problem in the corner rendering seems to only come if there is a delay in getting the css. This only happens in Safari 3.1 that I can see. Here's a test case.
--------------- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http:// www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"; xml:lang="en" lang="en"> <head> <title>title</title> <link rel="stylesheet" href="corner_test.css.php" charset="utf-8" /> <script type="text/javascript" charset="utf-8" src="jquery.js"></ script> <script type="text/javascript" charset="utf-8" src="jquery.corner.js"></script> <script type="text/javascript"> $(document).ready(function() { $("div").corner(); }); </script> </head> <body> <div> Text </div> </body> </html> --------------- and here's the css.php file --------------- <?php header('content-type:text/css'); sleep(1); ?> html { background-color: #3e4c54; } div { background: #1c282f; } ---------------
