Problema al redimensionar una capa

[AlexWeb]

No tienen nada en especial, son éstas:

#contenedor {
border-width: 3px;
border-color: #666666;
border-style: solid;
background-color: #dddddd;
visibility: hidden;
}

textarea {
font-family: "Comic Sans MS",arial,helvetica;
background-color: #dddddd;
border-style: none;
overflow: hidden;
color: #ff0000;
font-weight: bold;
}

#imagen {
margin: 4px 4px 1px 4px;
float:left;
}


Quizás no me he explicado bien, lo que quiero decir es que necesito que si la capa "contenedor" tiene una altura menor que la altura de la imagen, entonces se vea sólo el trozo de la imagen que cabe en el contenedor (si el contenedor tiene altura 100 y la imagen altura 200, pues sólo veríamos 100 píxeles de alto de la imagen), y lo mismo para la capa del textarea.

Lo que me pasa ahora es que la capa de la imagen sale de la capa contenedor si éste tiene una altura menor que la de ésta.