I am working on a website for my friend (http://alvinkim.netne.net), and for some reason, elements of the page are not showing up properly in Internet Explorer. They look fine in Firefox, Opera, Safari, etc, but they will not show up in IE. I have attached two screenshots from the different browsers, and hopefully you can take a look at the HTML and figure out what the problem is.

Screenshot in IE: http://i43.tinypic.com/11w6bmp.jpg
Screenshot in MF: http://i41.tinypic.com/x4fclk.jpg

Check out the errors here:

http://validator.w3.org/check?uri=ht...Inline&group=0

Fix each of these and it should be fine.

There are no fatal validation errors, so that will not 'solve' anything.

Your floated <li> items are not being contained inside the #nav ul - you MUST CLEAR your floats. Adding overflow:auto to #nav ul will clear the floated list items.

For IE, you'll have to remove the 15px top padding on #nav ul, and you should do that by using conditional comments and a separate CSS file that contains ONLY those rules to make IE behave.

I added the overflow, but I'm not sure how to use conditional comments for IE. Could you explain that, or perhaps point me to a website that will help me with that?

I have this CSS for IE: http://alvinkim.netne.net/ie.css

But it still looks like the nav ul is off by 1 px. What do I change?

I am not receiving any errors on my IE.

Thank you everyone who helped. I used conditional comments and used a few different style sheets for different browsers, and it works gorgeously.

I looked at your ie.css file - that is WAY, way more than is needed. The ONLY thing that should be in that file are the specific rules to combat IE's bugs, it should NOT be a duplication of your main CSS file.

Glad you got it working though

It looks like it could be the result of an IE bug. Check the link below for details.

http://qsdqsd.free.fr/Articles/MSIE6...ht/index2.html

hello, you have to make some code for IE. so you will get result in IE.
try it.

Thanks!!!

------------------------------------------------------------------

<link junk removed>
MAKE A SIGNATURE

Alot of times you need to make Hacks for different browsers and this will fix your problem.

Also, may I ask what version of IE you were having the problems in?

The only browser that needs serious 'hacking' is IE - and the solution has already been given to the OP.

Originally Posted by LadynRed

The ONLY thing that should be in that file are the specific rules to combat IE's bugs, it should NOT be a duplication of your main CSS file.

Presumably those rules will be fairly standard, so is there a standard CSS file that will combat the ghastly irregularities of IE? Would love to have one.