display:block not working on sub-menu

on this site (http://www.willowbilliards.com) when you hover over Events or Leagues in the top navigation bar, you'll see a dropdown menu. That menu is .sub-menu.

I want the .sub-menu to show, even when not hovering over it, so that I can tinker with the CSS to get the widths correct so I added this css element to try and get it to appear:
.sub-menu {display:block;}

but for some reason, it's not appearing. how i get it to permanently appear, not just when i hover over it.

please advise. thanks in advance!

that's because your not "hiding" the sublinks, your css is moving them off the page. Then on hover, it moves them back on the page. This is your "hiding" code:


#nav ul, #nav .sfhover ul ul, #nav *:hover ul ul {
left: -9999px;
position: absolute;


Change the left: -9999px to be left: 0 and your sublinks will show up (all of them will show up and it will be cluttered, but you can work with them.

gotcha. thanks.