The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Equal Width Menu Items Problem Reply To: Equal Width Menu Items Problem


Remove all the rules you’ve applied to .sf-menu li, since they aren’t making a difference. Also, remove display: table-cell; from .sf-menu a and add:

width: 25%;
float: left;
display: block;

As an aesthetics thing, you should have some padding on the top and bottom of the menu items. They’re so low profile, they’re easy to miss.