DOJO How to remove Menu border

http://stackoverflow.com/questions/15240004/dojo-how-to-remove-menu-border

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/dojo/1.8.1/dijit/themes/claro/claro.css">
<div id="profileCompletenessMenu"></div>

CSS

.claro .dijitMenu {
    border: none;    
}

JavaScript

require(["dojo/ready", "dijit/registry", "dijit/Menu", "dijit/MenuItem"], function(ready, registry, Menu, MenuItem) {
    ready(function(){
                var onItemSelect = function(evt){
                    var item = registry.getEnclosingWidget(evt.target);
                };
        
                var menu = new Menu({}, "profileCompletenessMenu");

                menu.addChild( new MenuItem({
                    id: "11",
                    label: "Photo",
                    style:"height:20px"
                }) );               
                menu.addChild( new MenuItem({
                    id: "12",
                    label: "Profile",
                    style:"height:20pxs;"
                }) );
    });                
});