наложение изображений

[Toxin_G]

задача: сделать наложение одного изображение на другое точно в левый верхний угол другого изображения

КОД:

 <div style="display:table">
<!-- Может быть несколько в одной таблице -->
<div id="file_256" style="display:table-row;">
<div style="display:table-cell;position:relative;border-top:1px solid #eee;  margin:1px; vertical-align:middle;">
<img src="/fw/files/icons/design/delete_file.png" width="32" height="32" style="position:absolute;opacity:0.50;">
<img src="/fw/files/thumb/8b5f63b3e2e125c53e7aaef6e213ef81.gif" style="margin:2px;">
</div>
</div>
<!--Конец блока что может повторятся -->
</div>

возникает проблема, в опере все ок, в хроме изображение становится по центру вверху, ничего немогу сделать, подскажите как решить

-opera(как нужно)

- chrome

Edited November 10, 2011 by Toxin_G

[fragilewelldone]

http://jsfiddle.net/fragilewelldone/aYt7B/35/

Так?

Просто кидаете в соответствующие дивы с классами first и second свои картинки и делаете одну из них прозрачной как желаете.

Если не известно заранее ширина и высота картинки то див класса second достаточно сделать инлайн элементом.

Если я не прав поправьте)

PS. не забудьте для второго дива прописать прозрачный фон background-color:transparent;

Edited November 10, 2011 by fragilewelldone