Question

I have an issue much like this user, but I want to take it a step further and make my image have a height that responds fluidly to its container.

I made a thing to demonstrate here.
What I want to do is to give the container div class “navcont” (the grey area) a fluid height. If I take out the height, I’m unable to stack similar divs in the same column, not to mention the lovely (but obligatory) overflow:hidden hiding everything.

Very appreciative of any and all help; thanks c:

Answer 1

You need to do some fixes:

.subnav img{
    position:relative;top:0;right:0;bottom:0;left:0;
    z-index: 1000;
}

.navcont{
    margin: 20px;
    position:relative;
}