HTML+CSS+JavaScript

Есть абзац с шириной 200px, который расположен внутри div'a. Все это находится внутри ячейки
таблицы с шириной 50px.
В ie6, firefox 2.0.0.6 ширина div'a 200px
В ie7 - ширина div'a 50px. Как можно заставить ie7 "правильно" считать ширину div'a?

<style>
table.narrowTable tr td {
width: 50px;
}
p.wideParagraph {
width: 200px;
}
</style>

<table class="narrowTable">
<tr>
<td>
<div id='container'>
<p class="wideParagraph">This paragraph </p>
</div>
</td>
</tr>
</table>

пример: http://swift-rt.narod.ru/divWidth.html

вы извращенец?

нет.

а зачем впихивать в контейнер меньшей величины контейнер сбольшей величиной?

---------
у меня ie7 показывает 200.

на самом деле содержимое div заранее неизвестно, добавляется на страницу динамически. от размеров div'a зависит поведение страницы.

а какая версия ie7?