CSS divs ширина 50% не работает в IE

Question

Я не могу заставить это работать в IE, второй ребенок не остается в той же строке.

HTML:

<div class="outer">
  <div class="inner">left</div>
  <div class="inner">right</div>
</div>

CSS:

.outer
{
  width: 100%;
}

.inner
{
  float: left;
  width: 50%;
}

Answer 1

Измените его на width: 49.9%.Хорошо документированная ошибка в IE.

Answer 2

Измените ширину на 49% (или одну на 50%, а другую на 49%).

Answer 3

если у вас задана ширина в px, 50% работает правильно.

CSS:

.outer{
width: 900px;
} 
.inner{
width: 50%
}