Internet Explorer not loading stylesheet.
I have a page that uses css. I works fine in firefox but when I open in IE there appears to be no styling.

    <!DOCTYPE html>
    <html>
        <head>
            <title>MySite</title>
            <%= stylesheet_link_tag :all %>
            <%= javascript_include_tag :defaults %>
            <%= csrf_meta_tag %>
        </head>
        <body>
            <p>
                <nav>
                    <ul>
                        <li>
                            <a href="#">Login</a>
                        </li>
                        <li>
                            <a href="#">Blog</a>
                        </li>
                        <li>
                            <a href="#">Contact Us </a>
                        </li>
                        <li>
                            <a href="#">Help</a>
                        </li>
                        <li>
                            <a href="#">Trends</a>
                        </li>
                        <li>
                            <a href="#">Your Privacy!</a>
                        </li>
                        <li>
                            <a href="#">Terms of Use</a>
                        </li>
                        <li>
                            <a href="#">mySite.com</a>
                        </li>
                    </ul>
                </nav>
            </p>
            <%= yield %>
        </body>
        <aside style ="float:right; font-size:x-small;background:#ffffff;">
            <center>
                Local Areas
            </center>
            <% @states.each do |state| %>
            <ul>
                <a href= "/states">
                    <li>
                        <%= state.name %>
                    </li>
                </a>
            </ul>
            <% end %>
        </aside>
        <footer>
        </footer>
    </html>


Internet Explorer not loading stylesheet.
===

I have a page that uses css. I works fine in firefox but when I open in IE there appears to be no styling.

    <!DOCTYPE html>
    <html>
        <head>
            <title>MySite</title>
            <%= stylesheet_link_tag :all %>
            <%= javascript_include_tag :defaults %>
            <%= csrf_meta_tag %>
        </head>
        <body>
            <p>
                <nav>
                    <ul>
                        <li>
                            <a href="#">Login</a>
                        </li>
                        <li>
                            <a href="#">Blog</a>
                        </li>
                        <li>
                            <a href="#">Contact Us </a>
                        </li>
                        <li>
                            <a href="#">Help</a>
                        </li>
                        <li>
                            <a href="#">Trends</a>
                        </li>
                        <li>
                            <a href="#">Your Privacy!</a>
                        </li>
                        <li>
                            <a href="#">Terms of Use</a>
                        </li>
                        <li>
                            <a href="#">mySite.com</a>
                        </li>
                    </ul>
                </nav>
            </p>
            <%= yield %>
        </body>
        <aside style ="float:right; font-size:x-small;background:#ffffff;">
            <center>
                Local Areas
            </center>
            <% @states.each do |state| %>
            <ul>
                <a href= "/states">
                    <li>
                        <%= state.name %>
                    </li>
                </a>
            </ul>
            <% end %>
        </aside>
        <footer>
        </footer>
    </html>

