Facebook page design not working in IE8

Question

We have developed a facebook page. It works fine in all browsers, including IE7, but it does not work in IE8. We checked, we got if we run our code outside the facebook page, which it works in IE8, but when we put our code on the front page page, so that it does not work. Here is the css code we use for IE8.

<!--[if lt IE 8]> <style> .nv_a { width:90px; height:27px; float:left; text-align:center; padding-top:8px; } .nvt_a { width:66px; height:27px; float:left; text-align:center; padding-top:8px; } .nv_a a { width:90px; height:27px; float:left; padding-top:8px; text-align:center; color:#000; display:inline-block; text-decoration:none; background-color:#e0e0e0; border-top:solid 1px #999; border-left:solid 1px #999; border-right:solid 1px #999; border-bottom:solid 1px #999; } .nv_a a:hover { width:90px; height:27px; padding-top:8px; float:left; color:#000; text-align:center; background-color:#ccc; } .nvt_a a { width:66px; height:27px; float:left; padding-top:8px; text-align:center; color:#000; display:inline-block; text-decoration:none; background-color:#e0e0e0; border-top:solid 1px #999; border-left:solid 1px #999; border-right:solid 1px #999; border-bottom:solid 1px #999; border:1px solid red; } 

Please help us solve the problem.

Answer 1

Your code only targets IE with a version smaller than IE8 ...

This line before the style element says: <!--[if lt IE 8]> . This basically means:

• If the IE browser version is less than ( lt ) IE 8, then include style declarations in this comment.

Now, since your question is a bit vague, you either want to target all versions of IE prior to IE.8, including IE 8, or just want to target IE 8:

• The target version of all versions prior to IE8: <!--[if lte IE 8]>
• IE 8 ONLY ONLY: <!--[if IE 8]>