strange behavior when using show() - hide() etc jquery methods.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<style type="text/css">
    #clickMe{
        cursor:pointer;
        color:blue;
        font-size:20pt;
    }
    #testBox{
        /* and also problem when using 
                 * display:none;
                */
        width:300px;
        height:50px;
        background-color:#ddd;
        border:3px solid #000;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        border-radius: 15px;
        behavior: url(border-radius.htc);
    }
</style>
<script src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.2.min.js" 
type="text/javascript"></script>
<script type="text/javascript">
    $(document).ready(function(){
        $("#clickMe").click(function(){
            $("#testBox").toggle();
        }); 
    });
</script>
</head>

<body>
    <div id="clickMe">click Me</div>
    <div id="testBox">
        testBox
    </div>
</body>
</html>

Original issue reported on code.google.com by Alexey.K...@gmail.com on 31 Aug 2010 at 10:12

annarinehart / curved-corner

strange behavior when using show() - hide() etc jquery methods. #57