Question

I have two CSS files,

pic off the problem:

this pick shows no caps in the css. the css you see in the first pick is not that of the menu but that does not matter seeing it affects all css.

1: is the original
link

2: the copy
link

IE problem only

now my problem is that they do not act the same way as you would expect. the original shows the content as you would expect. the second does not show the drop down menu as it supposed to do.

the second thing is that if I look at the CSS on the in the browser it self than the original is all lowercase and the copy the tags are capitals. with seems to cause some of the trouble.

things I have checked:

• DOCTYPE
• ID
• Classes
• structure
• style tag vs .css

HTML
original:

<div style="margin-left: 50px;">
<ul id="menu">
    <li><a href="#">Login</a> </li>
    <li><a href="#">Help</a>
    <ul id="help">
        <li>
        <img alt="" class="corner_inset_left" src="corner_inset_left.png" />
        <a href="#">General help</a>
        <img alt="" class="corner_inset_right" src="corner_inset_right.png" />
        </li>
        <li><a href="#">Posts</a></li>
        <li><a href="#">Pages</a></li>
        <li class="last">
        <img alt="" class="corner_left" src="corner_left.png" />
        <img alt="" class="middle" src="dot.gif" />
        <img alt="" class="corner_right" src="corner_right.png" /> </li>
    </ul>
    </li>
</ul>
<img alt="" src="menu_right.png" style="float: left;" /> </div>

Copy http://pastebin.com/qsdz7pnj

Answer 1

The way to solve the CAPS in the CSS is a simple meta tag in the head.the caps in the script came from Quirks-mode. to stop the IE browser to use this mode use the meta tag shown here

<!-- Enable IE9 Standards mode -->
<meta http-equiv="X-UA-Compatible" content="IE=9" >