View Single Post
Old 10-18-2011, 08:22 PM   #7
DWcourse's Avatar
Join Date: Apr 2009
Posts: 3,276

In a Spry menu, setting the width of ul.MenuBarHorizontal li to auto causes problems because there can be slight variations between how browsers figure that (and will probably cause issues when a user resizes type onscreen). If you set the menu (ul.MenuBarHorizontal) to a pixel width and use pixel widths for the menu items (ul.MenuBarHorizontal li), you can make things work. But, in your case you'll need to create a custom class for each menu item since they are all different widths. And be careful. You really shouldn't be adding margin or padding to the list items. The margin and padding should be handled in the style rule for the links.

There are other work arounds as well such as not worrying about it and setting the menu over a matching background so that your gradient fills the full width even if your menu doesn't.
If my answer helped, check out for Dreamweaver tips and tutorials.
DWcourse is offline   Reply With Quote