HTML+CSS メニュー背景色反映させたい

Question

お問い合わせボタン右側の白い部分をお問い合わせボタンの色と同じ（#493c5a）にやりたくて
試行錯誤してるのですが（background-colorをあちこちに入れるなど）
白い部分の色が変わりません
色を変えれる方法があれば教えて下さい
よろしくお願いいたします

#menu {
	clear: both;
	width:100%;
	margin: 0px;
	padding: 0px;
	border-top-width: 10px;
	border-top-color: #999999;
	border-top-style: solid;
	background-color:#493c5a;
	display:block;
	z-index:1;
}

#menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	background-color:#493c5a;
}

#menu li{
	font-weight: bold;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-decoration: none;
	float: left;
	text-align: center;
	display: inline;
	vertical-align: middle;
	width:auto;
	background-color:#493c5a;
	padding-left:15px;
	padding-right:15px;
}

      <div id="menu">
                <ul>
                    <li><a href="index.html">トップページ＞</a></li>
                    <li><a href="#">事前相談＞</a></li>
                    <li><a href="#">よくある質問＞</a></li>
                    <li><a href="#">お問い合わせ＞</a></li>
                </ul>
      </div>

Answer 1

#menuに
display:table;
vertical-align: middle;

追加することで自己解決しました

Answer 2

#menuに
display:table;
vertical-align: middle;
追加することで自己解決しました