简单的CSS3圆角渐变加投影效果

Css代码  
#tp{   
    border-radius: 10px;   
    border:0px;   
    box-shadow: 3px 3px 10px #999;   
    padding-left:10px;   
    padding-right:10px;   
    padding-top:5px;   
    font-family:微软雅黑;   
    height:200px;   
    width:400px;   
    background:-webkit-gradient(   
        linear,   
        left bottom,   
        left top,   
        color-stop(25%, rgb(235,197,101)),   
        color-stop(75%, rgb(240,161,24))   
    );   
      
}   
::-webkit-scrollbar   
{   
    width: 10px;   
    height: 6px;   
}   
::-webkit-scrollbar-track-piece   
{   
    background-color: rgb(235,197,101);   
    -webkit-border-radius: 6px;   
}   
::-webkit-scrollbar-thumb:vertical   
{   
    height: 5px;   
    background-color: rgb(240,161,24);   
    -webkit-border-radius: 6px;   
}   
::-webkit-scrollbar-thumb:horizontal   
{   
    width: 5px;   
    background-color: #CCCCCC;   
    -webkit-border-radius: 6px;   
}  

#tp{
        border-radius: 10px;
        border:0px;
        box-shadow: 3px 3px 10px #999;
        padding-left:10px;
        padding-right:10px;
        padding-top:5px;
        font-family:微软雅黑;
        height:200px;
        width:400px;
        background:-webkit-gradient(
                linear,
                left bottom,
                left top,
                color-stop(25%, rgb(235,197,101)),
                color-stop(75%, rgb(240,161,24))
        );
       
}
::-webkit-scrollbar
{
    width: 10px;
    height: 6px;
}
::-webkit-scrollbar-track-piece
{
    background-color: rgb(235,197,101);
    -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:vertical
{
    height: 5px;
    background-color: rgb(240,161,24);
    -webkit-border-radius: 6px;
}
::-webkit-scrollbar-thumb:horizontal
{
    width: 5px;
    background-color: #CCCCCC;
    -webkit-border-radius: 6px;
}


效果图

左边不错，右边的效果是故意的么？