Conditional CSS for IE9 not working

In my website, I have a table of search results. It is center aligned in Firefox and Chrome but not IE9. I am using the following conditional CSS but apparently it is not working, it is still left aligned in IE9.

<!--[if IE 9]>
<style type="text/css">
.ie9fix {
    width: 75%;
    position: absolute;
    margin-left: auto;
    margin-right: auto; 
    float: center;
}
</style>
<![endif]--> 

What exactly do I need to change in my code to get the table center aligned?

Answers


If you really need absolute positioning:

<style>
.example {position: absolute; left: 0; top: 0; width: 100%; }
.example > DIV {margin: 0 auto; width: 75%; }
</style>

<div class="example"><div>
    ...
</div></div>

This should work consistently across browsers without need to address IE9 speficically.


Need Your Help

Rotation around the origin

c# matrix 3d rotation quaternions

I'm trying to rotate a point around the origin but i'm not sure what exactly i'm doing wrong, i'm using the built in System.Windows.Media.Media3D Namespace in PresentationCore:

puma initializer does not work with rails 4.2

ruby-on-rails ruby ruby-on-rails-4 heroku puma

I have installed puma many times before and have never had this problem. I am following heroku's instructions verbatim. I have created a Procfile with this inside: