A:hover not working and menu off by a pixel in IE

By what I can see everything is working like I want in FF but IE like always is having a problem. I know IE has problems with hover through my limited knowledge but I just can not seem to find the answer. The hover links on the menu work in FF but not in IE and the Menu is off by a pixel in IE when you venture beyond the index page. I had to use a separate style sheet just to fix the 1 pixel problem on the index page thinking it would work site wide but no go. I am very new to CSS, I am in the process of learning the basics, but these simple problems have me perplexed.

The site is Crunkblog.com and is using wordpress.

 

place a link or example so that we can find the error or problem

 

Link: www.crunkblog.com

In Firefox and IE the Menu lines up correctly and the initial page but the hover links in the top menu bar do not work in IE.

Link: http://crunkblog.com/page/2/

In IE when we venture passed the initial page, for example we go to the previous page, the menu is again off by a pixel.

Everything works fine in FF it’s just these two simple problems in IE.

Style sheet:http://www.crunkblog.com/wp-content/themes/abstract/style.css

IE style sheet: http://crunkblog.com/ie.css



Thanks for the help

 

I can see a problem in the ie.css file, you've specified no units:

#menu a:hover {
height:100;
should be
height:100px;
}.

Also validate your main CSS file: http://jigsaw.w3.org/css-validator/...blog.com/wp-content/themes/abstract/style.css

And HTML: http://validator.w3.org/check?verbose=1&uri=http://crunkblog.com/

 

Thanks AdamSee, I am bookmarking both tools. I will go through and try to fix my trouble areas but I feel that it wont fix my current problem.

 

It's very likely that you are right mate. However it's always much better for others to help you if your code is completely valid first off. Why are you using two stylesheets for each browser? It's easier to stick with one to be honest, especially if you've got conflicting classes.