I would like to extend my left-hand navigation panel to the footer, so the panel does not come to abrupt end, which tends to look a bit odd.
Here is the way one of the pages looks now: http://wildadirondacks.org/adirondack-wildlife.html
Below is a picture of how I would like a page to look, with the left navigation panel extended down beyond the last navigation tab, to the top of the footer.
I know there is probably a very simple solution, but I have spent many hours scouring the web for fixes and trying out various modifications of the css. I have tried all sorts of things (changing height, min-height, etc), but nothing works. Could the fix somehow be related to my old nemesis, box-sizing: border-box?
If there is no simple solution, I would be satisfied with a solution that did not extend the navigation panel completely to the footer, but just far enough so the end is not abrupt. (I thought padding might work, but alas...) I have a gradient on the navigation panel, so the panel would just fade gracefully into white several inches or so below the last navigation tab. Anything to avoid the abrupt end.
Here is the relevant css (asideLeft is my left-hand navigation panel):
/* These style determine how the page will look on a desktop with a viewing window from 1200 to 1400 pixels wide. */
margin: 0 auto;
background: #e6e9f1; /* For browsers that do not support gradients */
background: -webkit-linear-gradient(rgba(230,233,241,1.00),rgba(230,233,241,0)); /*Safari 5.1-6*/
background: -o-linear-gradient(rgba(230,233,241,1.00),rgba(230,233,241,0)); /*Opera 11.1-12*/
background: -moz-linear-gradient(rgba(230,233,241,1.00),rgba(230,233,241,0)); /*Fx 3.6-15*/
background: linear-gradient(rgba(230,233,241,1.00), rgba(230,233,241,0)); /*Standard*/
margin: 0 auto;