ребенок содержания DIV не vissible, когда за пределами родительского DIV

Question

Я получил 3 дивы рядом друг с другом в других делах.
Когда я нависаю над div, разворот div.
Это работает, но, как вы можете видеть на изображении, содержимое div разрезается его родительским div (красная/розовая вертикальная полоса).
Как я могу сделать контент видимым?

Complete JS Fiddle Demo

.pakket { 
    width: 291px; 
    height: 371px; 
    border: 1px solid #F5F5EF; 
    float: left; 
    background: url(../images/view.png) no-repeat bottom right; 
    margin-left: -1px; 
    z-index: 1; 
} 

.pakket:hover { 
    background: #ffffff; 
    border: 1px solid #5A5858; 
    width: 315px; 
    height: 390px; 
    margin: -10px -13px -15px -12px; 
    z-index: 2; 
    position: relative; 
} 

Answer 1

В соответствии с вашими требованиями я думаю, что это будет более подходящим.

DEMO

CSS

.ma-main-container.col1-layout { 
    margin: 20px; 
    overflow:visible; 
    width: 100%; 
}