Centering top menu

.music_box .menu {
 width: 100%;
 background: #ECA34A;
 float: left;
 box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
 border-top-left-radius:6px;
 border-top-right-radius:6px
}

.music_box .menu ul {
 list-style: none;
 float: left;
}

.music_box .menu ul li {
 color:#FFF;
 cursor: pointer;
 list-style: none;
 float: left;
 display: block;
 padding: 15px 17px;
 border-right: 0px solid #525252;
 position:relative;
}

.music_box .menu ul li a {
 color: #FFFFFF;
 text-decoration: none
}

.music_box .menu ul li:hover {
 background: #E67E00;
}

.music_box .menu ul li.on {
 background: #E67E00;
}

.menu .sub-nav{top:51px;left:0;padding: 10px 16px;background: #ECA34A;position:absolute;z-index:99999;display:none;width:auto;border-bottom-left-radius:4px;border-bottom-right-radius:4px;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.menu .sub-nav dd{float:none;background:none;padding:10px 0}
.menu .sub-nav dd a{color:#fff;}
.menu .sub-nav dd a:hover{color: #eeeeee  }