How to make it hover?

I have the following website: http://www.google-page-rank-check.com. And on the top bar when i want to go to a link from the menu i need to hover exactly through the link so i can go to that links, and i wish to hover only until it makes the color orange and have the link available, what am i missing?

You’ve gone about that all wrong. Firstly, you have a UL, but no LIs inside. So your HTML needs to look like this:


<ul class="gprc">
  <li><a href="http://www.google-page-rank-check.com/">Home</a></li>
  <li><a href="http://www.google-page-rank-check.com/multi-pagerank-checker/">Multi Pagerank Checker</a></li>
  <li><a href="http://www.google-page-rank-check.com/pagerank-buttons/">Pagerank Buttons</a></li>
  <li><a href="http://www.google-page-rank-check.com/about-google-pagerank/">About Google Pagerank</a></li>
  <li><a href="http://www.google-page-rank-check.com/google-page-rank-update">Google Pagerank Update</a></li>
</ul>

Then change your CSS to something like this:


.gprc {overflow: hidden;}
.gprc li {float: left;}
.gprc li a {color: #5D5D5D; display: block; padding: 0 10px; line-height: 45px;}
.gprc li a:hover {color: white; background: #ED902A;}

Thank you so much ralph, you are the best. One more thing. When i access this link on Internet Explorer it looks messy, this is the single link that has problem and only on IE.

I checked the link in IE9-as-X, but couldn’t find anything particularly messy. What version of IE are you using? What messiness stuck out to you?

I am using IE 9.08. Here is how i see it on my side: http://postimage.org/image/sqovmj78b/

Maybe refresh the page or clear your cache. It looks fine on IE9—the same as in real browsers.

Ok, Thank you both for your answer, it’s definitely on my side the problem, will be upgrading the browser, clearing the cookies and everything did not solved the problem.
Thanks again ralph.m and thank you too aufshebung.

OK, good luck. Let us know how it goes. If something else is afoot, we can adress it.