Как задать фиксированную ширину кнопок в две строки в горизонтальном меню (без скриптов, на CCS и HTML)?

ul.menu { 
font:bold 0.72em Arial, sans-serif; 
list-style-type: none; 
padding-left: 0; 
margin-left: 0; 
text-align: center;
}
 
.menu li{
list-style:none;
display:inline-block;
line-height: 1.3em;
}
 
.menu li a{
display:inline-block;
padding: 0.313em 0 0.313em 0;
margin-top: 27.8em;
color: #e1f6ff;
text-decoration:none;
text-transform:uppercase;
border-radius: 0.25em;
border: solid 0.1em  #0063ff;
}
 
.menu li a.b1{
 background: url(../images/3.png);
}
 
.menu li a:hover.b1{
background:url(../images/2.png);
color: #fff; 
text-shadow: 0.1em 0.2em 0.1em #012c8e; 
border: solid 0.12em #ff0000;
}
 
.menu li a:active.b1{
background:url(../images/2.png);
color: #f00; 
text-shadow: none;
}

width:200px !impotant;

ul {
    display: table;
}
li {
    display: table-cell;
}
li a {
    display: inline-block;
    width: 180px;
    margin-right: 5px;
    padding: 5px 10px;
    font: 0.8em sans-serif;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
    text-transform: uppercase;
    word-spacing: 1000px;
    border: 1px solid #0063ff;
    border-radius: 5px;
    color: #fff;
    background: #88b7ff;
    background: url(data:image/svg+xml;
    base64, PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzg4YjdmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNTU0ZDUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #88b7ff 0%, #0554d5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #88b7ff), color-stop(100%, #0554d5));
    background: -webkit-linear-gradient(top, #88b7ff 0%, #0554d5 100%);
    background: -o-linear-gradient(top, #88b7ff 0%, #0554d5 100%);
    background: -ms-linear-gradient(top, #88b7ff 0%, #0554d5 100%);
    background: linear-gradient(to bottom, #88b7ff 0%, #0554d5 100%);
    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#88b7ff', endColorstr='#0554d5', GradientType=0);*/ /* IE < 9 */
}
li:last-child a {
    margin-right: 0;
}
li a:hover {
    border-color: #f00;
    text-shadow: 1px 1px 1px rgba(0,0,0,.5);
}