title: Top:50% wont work in IE
body: <p>IE wont display my css properly. I think it i the Top:50% that does not work becouse if i change it to Top:0% it is the same.</p>
  
  <pre><code>.box-center{
  border: 0.2em solid #83BAE9;
  padding-left: 0.5em;
  height: 100%;
  width: 100%;
  display: inline-block;
  }
  
  .box-center-text{
  float:left;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  -ms-transform:translateY(-50%) ;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  }
  
  img{
  width:5em;
  height:5em;
  padding-left:0.5em;
  float:right;
  }
  
  &lt;table&gt;
  
  @foreach (var item in Model)                
  
      {
       &lt;tr&gt;
       &lt;td&gt;
  
       &lt;div class="box-center"&gt;
       &lt;div class="box-center-text"&gt;
        @Html.DisplayFor(modelItem =&gt; item.Namn) @Html.DisplayFor(modelItem =&gt; item.Efternamn)
  
        &lt;/div&gt;
       &lt;img src="@Url.Content(img.jpg)"&gt;
       &lt;/div&gt;
       &lt;/td&gt;
       &lt;/tr&gt;
        }
       &lt;h1&gt;Test&lt;/h1&gt; 
  
  
  &lt;/table&gt;
  </code></pre>
  
  <p>Here is how it looks in IE and Chrome: <a href="http://imgur.com/a/wgLm9" rel="nofollow">http://imgur.com/a/wgLm9</a><br>
  I have IE verison 11.</p>