[Theme: Expression] Auto/Dynamic Width for Submenu

Hi,

I am using the theme Expression. Here is the link to my website: http://www.conorobrienart.com

As you can see, I have a few menu items which when hovered over, display a submenu (drop down menu). There is a variety in the width of the content in each submenu. Currently, I have the width set to 123px to accommodate the wider content of some submenus which makes each submenu the same width, but that means the width of some of the submenus is unnecessarily big, such as the ‘Art’ menu.

In my ‘Additional CSS Styles’ section, I am currently using the following code:

#menu ul ul {
width: 123px;
}

I have tried changing the ‘123px’ to ‘auto’, but this did not work properly, it seems to come in to problems when there is more than one word in a submenu item, as it auto adjusts the width to accommodate the first word, with the following word(s) moving under it.

Can anyone help me with CSS code to auto adjust the width of the submenus, or if that is not possible, separate codes I could use for each submenu to set the pixel width myself manually?

Thanks in advance,

Conor