Layout is looks OK on Firefox but not IE

Please, any gurus help me take a look why is this happening?

http://www.freegameslah.com/

In Firefox, it looks OK.

But when in Internet Explorer, the top right hand side with "Home, About, Contact and Suggest a Game" is a little lower. If I add another link, it will overlap the SUBSCRIBE image.

How can I solve this problem? Thanks... Been trying but couldn't fix it.

 

When I read that title, the first thing I thought was...what else is new? damn IE...

Anyway, did you try giving UL a top margin of 0px?

 

Currently it's 5px. I set it to 0px, in Firefox, the menu went all the way up.
IE went up only a little.

Just don't know what's causing IE to display differently that Firefox.

 

http://validator.w3.org/check?uri=h...(detect+automatically)&doctype=Inline&group=0

try fixing those

 

Please show us your CSS and HTML.

Also ready my post from yesterday, which may help you out a little:

http://forums.digitalpoint.com/showpost.php?p=4164094&postcount=5

 

Though we should try to avoid that, writing seperate sheets for IE. If you know the two or three things IE does differently, you can add a small hack here and there if there's not another way to do it. Best to check your site in three browser engines while you work. Writing for FF and hacking for IE is actually more work if you can write cross-browser-friendly in the first place.

 

I found this on the top of your UL menu:

<h2 style=\"margin-top: 0px\"></h2>

Code (markup):

 

Someone mentioned validation errors, did you fix those?

It appears fine in IE7, so is the problem specific to IE6? If so you can add some code for IE6 only, and use a negative margin to push the menu upward.

* html body #headerright ul { margin-top: -5px; }

Code (markup):