ulとliを駆使してメニュ－を並べたい時ってあるよね！
でも横幅1000pxに対してメニューのボタンが7つ！なんか小数点出る気がする～～～～！
って時に便利なのがこれだ！
li.7col {
width : 14.285% ; /* 未対応ブラウザ用フォールバック */
width : -webkit-calc(100% / 7) ;
width : calc(100% / 7) ;
}ベンダープレフィックスつきだよ！
あとこれだと何故かliの間に隙間が空いて最後のメニューがどっか行くパターンあるので以下をやる！
ul {
font-size: 0;
}
li {
font-size: 12px;
}ulとliに各々追加してあげれば綺麗に収まる！楽ちんだ！