ドロップダウンメニューの幅を文字幅に

お世話になります。
基本的な質問で恐縮です。
ドロップダウンメニューの横幅を、メニューの文字の幅にぴったり指定したいのですが、
どのように指定したら、良いでしょうか？
ご教示いただければ、幸いです。

.main-navigation {
clear: both;
display: block;
float: left;
width: 100%;
}

.main-navigation ul {
display: none;
list-style: none;
margin: 0;
padding-left: 0;
}

.main-navigation ul ul {
float: left;
position: absolute;
top: 100%;
left: -999em;
z-index: 99999;
background: #fff;
line-height: 40px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
width: 100%;
}