CSS автоматичната височина не се разтяга, когато се вижда преливане

Имам div, съдържащ изображение, което е позиционирано малко извън кутията. Div също така съдържа друг div с текст. Когато задам височината на автоматично, за да позволя да се разшири с количеството текст, изображението се изрязва и не се показва над ръба. Опитах да използвам z-index, но това помага.

Ето какво имам:

#package {
width: 700px;
height: auto;
background-color: #FFF;
border-radius: 20px;
-moz-border-radius: 20px;
margin: 0 auto;
padding: 15px 15px 15px 15px;
margin-top: 50px;
margin-bottom: 0px;
overflow: visible;
}

#packageinfo {
text-align: left;
width: 200px;
height: auto;
float: right;
}

#package .image {
float: left;
margin-left: -30px;
margin-top: -30px;
z-index: 500;
}