Diseño fluido de CSS: el margen superior basado en el porcentaje aumenta cuando el ancho del contenedor aumenta [duplicado]

Esta pregunta ya tiene una respuesta aquí:

¿Cómo establecer el margen o el relleno como porcentaje de altura del contenedor principal? 8 respuestas

Solo estoy aprendiendo diseños fluidos de CSS y diseño sensible, y estoy tratando de usar todos los valores porcentuales sin valores de px en un diseño.

Hasta ahora parece estar funcionando, pero en un lugar, estoy viendo algo que no esperaba. Estoy tratando de poner un margen entre dos divs apilados verticalmente que cambian según la altura del contenedor. Espero que ese margen cambie cuando redimensiono la ventana verticalmente, pero también aumenta si la redimensiona horizontalmente, lo cual no quiero. ¿Qué me estoy perdiendo?

Aquí hay un violín. Gracias por su ayuda por adelantado.

http://jsfiddle.net/gregir/aP5kz/

Respuestas a la pregunta(2)

Su respuesta a la pregunta