Изображение, плавающее над родительским div

Question

Я пытаюсь поместить изображение (hover) поверх своего родительского div. Я использую более старую версию www.cssplay.co.uk/menu/magnify.html, хотя немного изменен для моих нужд.

Я нашел способ добиться того, чего хочу ранее на предыдущем сайте =>http://www.keurslagergeertenkristel.be/. В центре вы увидите изображение с черно-белой фотографией слева и некоторые оттенки розового/бордо и некоторый текст. Если вы наведете курсор, изображение будет увеличено, чтобы вы могли видеть его правильно (я знаю, что могут возникнуть проблемы с небольшим разрешением экрана, но это не проблема прямо сейчас)

Я пытаюсь сделать то же самое снова на новом сайте, который я создаю, но я не могу заставить его работать: s Изображение всегда остается в своем родительском div. Здесь вы можете посмотреть =>http://www.vermeulenklasseslager.be/NEW/.

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

Я пробовал много вариантов, с помощью дисплея: блок, позиция: относительная (для родительского DIV), переполнение: скрытый и авто, добавляя дополнительные дивы или пролеты, добавив, Z-индекс ...

UPDATE : Я ТОЛЬКО ОТКРЫЛ ПРОБЛЕМУ, ТОЛЬКО ПРОИЗВОДИТ В IE11. (которым делает я понимаю еще меньше, почему, потому что первый веб-сайт работает во всех браузерах)

Answer 1

в т 10/11 он обрезает большое изображение из-за свойства border-radius в содержимом div. Решение состоит в том, чтобы удалить переполнение: скрыть и очистить этот контейнер стандартным clearfix:

#content:before, 
#content:after { 
    content: ""; 
    display: table; 
} 
#content:after { 
    clear: both; 
} 
#content { 
    zoom: 1; 
} 

Answer 2

Я думаю, что решение это:

позиция: фиксированная