How to get rid of the extra spacing?

[cheater1]

Hello everyone. I got the template online but I need help getting rid of the spacing between my sub navigation.

My website is

http://serverflare.com/home.html

If you go to any of the main navigation options a sub navigation should pop under it. The only issue is that the middle ones have an extra spacing from the top and bottom, and it makes it look extra big.

Also how do I change the background when the sub navigation is hoovered over? I've tried

.menu ul li ul a:hover {background-color#1d1d1d;}

But it is not working. Please help me. Thank you in advance.

[IdGraphicWorld]

Hi,
In your template there is problem with cufon. For some reason it insert few span elements between your menu li. Try to remove cufon script, you'll see spacing will be fine. May be you have problems with selectors you apply cufon.

Try .menu ul li ul a:hover {background: #1d1d1d;}
You set previously backround images.

[cheater1]

Hi,
In your template there is problem with cufon. For some reason it insert few span elements between your menu li. Try to remove cufon script, you'll see spacing will be fine. May be you have problems with selectors you apply cufon.

Try .menu ul li ul a:hover {background: #1d1d1d;}
You set previously backround images.

Removing the script worked perfectly. Thank you!

Wow I can't believed I messed up the css so code so badly =(. Been a year since I last practice CSS. Thanks for all the help.