Need help with dropdown menu width...

I am trying to find a way to adjust the width of the drop down menus as shown in the attached file. Below is what I have posted in the Custom CSS pertaining to the menu:

#menu .ddsmoothmenu li li a.selected, #menu .ddsmoothmenu li li a:hover {
color:#fff;
font-weight:bold;
}
#menu .ddsmoothmenu li ul {
position:absolute;
left:0;
display:none;
visibility:hidden;
padding: 10px 10px 10px 10px !important;
background: #ededed url(http://dailybrewcrew.com/wp-content/uploads/2013/07/light-background.png) repeat-x;
border: 1px solid #fff;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.2);
}
#menu .ddsmoothmenu li li a:link, #menu .ddsmoothmenu li li a:visited {
color:#ffffff;
}

Can you please advise what I need to change or what Custom CSS needs to be added so that I can adjust the menu width to an absolute size, or relative to the size of the texts? Thanks so much for your help.

 

Hello,

Paste this code in Custom CSS
Appearance > Theme Option > Styling Option > Custom CSS

Code:

#menu .ddsmoothmenu li ul {
width: 100px!important;
}

Adjust its value as per your requirements.

 

Thanks Gourav!