I have been battling with this IE vs Firefox issue for months. My website is www.rudmud.com. It displays fine in Firefox, but does not display properly in IE. With some recent changes, it has gotten even worse. All the source should be available at the site... the main css is in rud.css, the menu popouts are in menu.css. I'm not sure of the process here at webmaster-talk, but I'm desperate for someone to look at it. Would be nice if it was a simple, "you forgot a slash here" or "use this doctype instead"...

Maybe you will have to add an extra stylesheet for IE. (Padding and margin are usually displayed different in IE.)

You do this by adding the following code in the head section:

<!--[if IE]>
    <style type="text/css">@import url(ie.css);</style>
<![endif]-->

What IE does now is: It uses the file ie.css in addition to your other css-files. But if a value is defined in ie.css and another stylesheet (like menu.css for example), IE will use the value from ie.css.
(Of course, you can use another name instead of "ie.css".)

Hope this helps.

Start by validating your code. Your css has errors too.

Once you have tackled these problems, we should be able to evaluate what is wrong with the website (if correcting the validation errors doesn't fix your website).

WOW, I love this validator! I wish I had known about this a long time ago. Interesting - I used DreamWeaver for a lot of the layout design, and although I did most of the codework... some of the stuff done by DW is invalid!

DreamWeaver is not a standards compliant program (none of them are), which is why must of us use things like Text Wrangle and NotePad to hand code.

Originally Posted by TripleMoons

DreamWeaver is not a standards compliant program (none of them are), which is why must of us use things like Text Wrangle and NotePad to hand code.

w00t w00t notepad.