Layout do fluido CSS: o aumento da margem com base na porcentagem aumenta quando a largura do contêiner aumenta [duplicado]

Esta questão já tem uma resposta aqui:

Como definir a margem ou preenchimento como porcentagem da altura do contêiner pai? 8 respostas

Estou apenas aprendendo layouts de fluido CSS e design responsivo, e estou tentando usar todos os valores percentuais sem valores de px em um layout.

Até agora parece estar funcionando, mas em um ponto, estou vendo algo que não esperava. Estou tentando colocar uma margem entre dois divs empilhados verticalmente que mudam com base na altura do contêiner. Eu esperaria que essa margem mudasse quando eu redimensionasse a janela verticalmente, mas também aumentaria se você a redimensionasse horizontalmente, o que eu não quero. o que estou perdendo?

Aqui está um violino. Obrigado pela sua ajuda antecipadamente.

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

questionAnswers(2)

yourAnswerToTheQuestion