I want the width of the items in the drop down menu to be exactly the same is whatever is on the top. I changed the width to 126 px, which works well for my "In the Kitchen" tab.
The problem, however, is that it only looks perfectly aligned when you're in Firefox. In Explorer the alignment is a little off (see screen shot link below). And then I realized that it only works for "In the Kitchen" - if I decide to make "Meet the Chef" a dropdown it probably won't line up at all.
THEN I realized it only looks good with the particular font I'm using. Once I try to change the font, everything looks messed up.
So what code should I use so that the width of the menu item is automatically the same as whatever is on top of the list? (I tried "auto" but that didn't work.
Thanks in advance!
The blog I need help with is therealroryo.com.