div圆角div、带阴影、另一个div右上角显示

最近做一个右上角圆角div，没美工做图片，就自己整了一个，效果如下：

css：

<style type="text/css">
#nifty{
   border: 1px solid #696;padding-top:2px;width: 800px;height:30px;
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
 border-radius: 8px;
 -webkit-box-shadow: #666 0px 0px 10px;
 -moz-box-shadow: #666 0px 0px 10px;
 box-shadow: #666 0px 0px 10px;background: #f2f2f2;  
}
.floatInput{
 width:80px;
 height:21px;
}
a{color:block}
#nifty button{
 height:26px;
}
.floatDiv{
 margin-left:5px;
 float:left;
}
</style>

div：monitorMap是底层div，nifty是右上角div，按钮用的是easyui的easyui-linkbutton，和easyui-menubutton的样式，可自己改成button

<div class="video_bottom_center" id="monitorMap">
       <div id="nifty">
     <div class="floatDiv" style="margin-left:10px;"><a href="#" id="addBtn"  class="easyui-linkbutton" iconCls="icon-add" >统计</a></div>
     <div class="floatDiv"><div style="height:25px; width:1px; border-left:1px white solid"></div></div>
     <div class="floatDiv"><input type="text" class="floatInput"></input></div>
     <div class="floatDiv"> <a href="#" class="easyui-menubutton" data-options="menu:'#mm2',iconCls:'icon-search'">查询</a></div>
    </div>
    <div id="mm2" style="width:50px;">
        <div>Help</div>
     <div>Update</div>
        <div>About</div>
    </div>

</div>