menu hover sweet spot?

[wendygordon 6]

the mouse over and hover seem to be off on my menu.. there is a "sweet spot" which is just under the menu words, and only when the mouse is on the sweet spot does the menu activate. it gives the impression that the links dont work. In addition, I would like to get rid of the grey background box when the mouse is over the menu word and change the menu item to another color (say red) for the hover. I am using child theme and don't have much customized.. except I have moved the social buttons down into the space occupied by the menu bar by setting the distance from the bottom to: -25 and i have added this custom css .icons {z-index: 29;} .icons {position:relative;} .icons .twitterlink {background-position: -22px -22px;} .icons .youtubelink {background-position: -44px -22px;} .icons .linkedinlink {background-position: -66px -22px;} .icons .facebooklink {background-position: -88px -22px;} .icons .rsslink {background-position: 0px -22px;} .icons .twitterlink:hover {background-position: -22px 0;} .icons .youtubelink:hover {background-position: -44px 0;} .icons .linkedinlink:hover {background-position: -66px 0;} .icons .facebooklink:hover {background-position: -88px 0;} .icons .rsslink:hover {background-position: 0px 0px;} site: www.campaignology.net/wp2

[kastelic 6]

Your div.icons is floating over the navigation, preventing it from being clicked. Try setting a width to like 200px and floating it to the right.

[wendygordon 6]

jimmy thanks so much.. would you be able to provide me with the actual code? i am just getting started with all of this.. not sure (even with firebug) how to write the code properly..

[kastelic 6]

Sure, no problem.

.icons{
	width:200px;
	float:right;
	}