IE не оборачивает текст вокруг изображений

Question

У меня есть страница с этим HTML:

<p>
    <img src="images/ih01.jpg" width="80" height="110" align="left" />
    This course overs basic human anatomy and physiology, including the major
    body systems and their functions. When you have completed this course you
    will be able to identify major body components and their core physiological
    functions.
</p>

И вот как это отображается в Firefox 3, Chrome 1.0 и IE7: (нажмите для увеличения)

http://fisher.spadgos.com/stuff/ie-align-fail.png

Вы можете видеть, что IE не оборачивает текст вокруг изображения, даже если он выровнен по левому краю. Есть идеи?

Answer 1

Использование:

<img src="images/ih01.jpg" style="float: left; height: 110px; width: 80px; " >

вместо выравнивания. Атрибут выравнивания устарел .

Answer 2

Во-первых, "align" устарела. Вы захотите использовать свойство float CSS здесь.

<p>
    <img src="images/ih01.jpg" style="float:left;height:110px;width:80px" />    
    This course overs basic human anatomy and physiology, including the major
    body systems and their functions. When you have completed this course you
    will be able to identify major body components and their core physiological
    functions.
</p>

Пришло время взять "тайм-аут", чтобы узнать о поплавках !