I can’t get my navigation to space out evenly.
I am using dropdown menus and those seem to be functioning properly (under personal sessions).
I’ve messed with a bunch of different things in the CSS using the addon Web Developer for firefox with no luck.
The space between "blog" and "workshops" will get huge but other things will still over lap?!?!?! Nothing seems to make them space out evenly
There are two things causing your nav to behave this way:
1) #nav li has a fixed width of 125px – remove this
2) #nav li a has a fixed/fluid width of 10em – remove this
Now that the fixed widths have been removed, you should have more control over the spacing of the items. Adding a margin-right of about 20px seemed to look pretty good. Although there are some padding issues with your subnav.