I am usually pretty good about figuring out stupid IE quirks, but for some reason the solution is just not coming to me. I have been staring at this code all day. PLEASE, someone look at it and let me know why my menu disappears in IE and looks fine in Mozilla.

http://www.innovatewebdevelopment.com/b … /test.html

Thanks in advance my friends.

I haven't quite figured it out yet but I believe it has something to do with your "#navigation ul" settings.

Might be a float clearing issue. Something here may help:
http://websitetips.com/css/solutions/#ie7floats

By using IE8's Developer Tool, I discovered that a margin-top property appears twice. One sets the margin-top to 20px; the other to 200px. The former takes precedence over the latter. So I removed the following code:



Now it renders properly in Chrome, Firefox and Internet Explorer. It took me a while to figure it out. I don't fully understand how to use CSS when creating layouts. Things like "margin-left: -100%" just don't make sense to me. I need to do some more reading to learn it.

Like a charm, thanks book.

Eric I'm glad you can usually sort out IE coz I absolutely hate that browser.

Well, it has not been easy, but I have been able to deduce the problems down to just a few for general ie. But the bastard child of web browsers needs to be destroyed. I hate it along with everyone else.