This is the best solution I found thus far: CSS Height Equals Width with Pure CSS
Obviously I’ve experienced the same issue. I’ll give the CSS a whirl, but this seems to rely on absolute positioning which could mess up layouts. Instead I have applied jQuery:-
http://slickmedia.co.uk/blog/hype-animation-fluid-height/
Hype needs JavaScript enabled either way so this is a good solution.
thank you. I’ll try this jQuery code as well.