Дополнительное пространство в Opera

Question

Я пытаюсь поставить индикатор выполнения внутри td моего стола. Вот код: (!)

<td style="width: 150px;"> 
     <div style="height: 16px; max-height: 16px; overflow: hidden; border: 1px solid #80C622;"> 
      <div style="height: 16px; width: 10%; background-color: #bbea7d;"></div> 
      <div style="margin-top: -16px; text-align: center;"> 
       1470/14166 
      </div> 
     </div> 
</td> 

Chrome, Firefox, Safari и IE отображает его правильно, в то время как Opera расширяет ряд, так что некоторое дополнительное пространство выше.

Вот как это должно выглядеть следующим образом: http://ipicture.ru/uploads/100616/16el6B3lB1.png

Вот как это выглядит в Опере: http://ipicture.ru/uploads/100616/fE4Ad63N1l.png

Как это исправить?

UPD. О да, я использую Opera 10.53.

Answer 1

Попробуйте дать поплавок в divs и исправить ширину для внешнего div (это потребуется, как только вы дадите поплавок). это только моя догадка.