Site doesn't display correctly in IE.

Hello.

I hope you can help me with problem. Look at site: http://tinyurl.com/yfshytq

In Firefox it looks correctly. But it is not showing good in IE. I mean the right navigation box. Do you know how to fix it?

Thanks a lot in advance!

 

Remove the left margin on #right then right float it.

Change this:

#right {
    margin-left: 740px;
    width: 160px;
}

Code (markup):

To this:

#right {
    float: right;
    width: 160px;
}

Code (markup):

 

chlopzmazur, you could use conditional comments if there are some difficulties with the сross-browser compatibility.

 

Thank you it is working fine now. Thanks again.

 

Too often people talk about "cross-browser compatibility" when the issue almost always is "IE doesn't work right".

 

Unless of course you want working colgroups, inline-block, form element styling that makes sense and doesn't have willy-nilly padding on it, consistent line-height calculations, "right:0" and "background-position:right" and/or "center" to actually always be the SAME right and/or center, margin on first-letter, :visited to work on local hrefs, properly working font-size:larger, proper handling of case-insensitive font families, word-spacing to not force an indent on the first word when text-align isn't left, position:absolute to actually default the elements placement to where it would normally be in flow, padding and border-color to work properly on horizontal rules, proper inheritance onto TD/TH from it's parent instead of ignoring TR and TABLE... Oh yes, because Gecko gets so much right.

I often spend more time working around gecko being a ****tard than I ever do supporting Presto/webkit/trident.

... and frankly if it works in presto and webkit and not gecko, guess who's probably wrong.

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

As to the problem at hand, first you might want to consider stripping out all the unneccessary markup and use semantic markup. You've got some excess/unneccessary div, your heading orders don't make any sense, you have multiple H1, you've got a menu NOT marked up as a list (which is styled illegibly BTW)... While on the CSS side you are deploying with the global reset - bad idea if you ever want to add forms to the page, you're declaring px metric fonts on the body so you've got an accessibility /FAIL/, you are declaring the width multiple times for no good reason, and your opposing floats add up to the total width - which is why it should be 'dropping down' in IE.

 

Of course, we're talking about IE, not gecko, so if you want to compare molehill problems to molehills that's fine but we're talking mountains of IE crap compared to the molehills. To avoid confusing people, start your own thread.

btw, the first thing I noticed is you complaining about inline-block which was fixed in FF some time ago. I don't understand about some of your other complaints but it makes me I question how up to date you are.