img в строчном элементе span

[graf]

Пытаюсь засунуть картинки img в inline элемент span (или <div style='display:inline'>) с заданной шириной.

Оберточный элемент схлопывается, картинки слепляются. Самое интересное что в IE все работает как надо, проблема в firefox и хром.

Помогите пожалуйста моей беде...

При этом элементы обязательно должны быть строчными, так как я не знаю сколько будет картинок, и они могут перейти на другую строку.

Код

<span style="width: 200px; border: 1px black solid;"><img src="/img/k.jpg" width="50" height="50"></span>
<span style="width: 200px; border: 1px black solid;"><img src="/img/k.jpg" width="50" height="50"></span>

Edited April 24, 2011 by graf

[tt48]

В IE срабатывает hasLayout, который делает из inline inline-block элементы.

оно Вам и надо для нормальных браузеров - span{display: inline-block;}

[graf]

В IE срабатывает hasLayout, который делает из inline inline-block элементы.

оно Вам и надо для нормальных браузеров - span{display: inline-block;}

Спасибо огромное, все работает как нужно.