Я пытаюсь поместить индикатор прогресса в 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
Вот как это выглядит в Opera: http://ipicture.ru/uploads/100616/fE4Ad63N1l.png
Как мне это исправить?
UPD. О да, я использую Opera 10.53.