плавающее увеличенное изображение вне div

Question

У меня проблема, некоторые из вас могут мне помочь.В отличие от большинства записей, которые я нашел по этой теме, я ищу решение, в котором я могу разместить большее изображение внутри div вне div.

Это работает в любом браузере, кроме IE7, см.ссылку, это немного сложно объяснить, но вы можете видеть, что ie7 центрирует изображение, вставленное как правильное.

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

позиция: абсолютный не вариант ..

Надеюсь, кто-нибудь может помочь.

http://jsfiddle.net/J3NV6/2/

Answer 1

Вы можете поместить изображение относительно оболочки или контейнера с чем-то вроде

#wrap img.YourImage {
    position: relative;
    top:0;
    bottom:0;
    left:0;
    right:100px;
}

Answer 2

Просто добавьте это непосредственно перед закрытием div

<div style="clear:both; height:0px; font-size:0px;">&nbsp;</div>