Automatic sub-menu width for Artisteer themes

Using Artisteer 3 it is very easy to create websites with CSS formatted drop down menus. But the default implementation sets the menus to a standard width. I wanted to set the width to cater for the menu link text width.

1. Create a custom CSS file
2. Add the following code to set the menu link widths to be dynamic .art-hmenu ul a { width: auto; }
3. Add the following code to set some padding to match the text-indent value on the (original) .art-hmenu ul a .art-hmenu ul a:link, .art-hmenu ul a:visited, .art-hmenu ul a:hover, .art-hmenu ul a:active, .art-nav ul.art-hmenu ul span, .art-nav ul.art-hmenu ul span span { padding-right: 12px; }