I'm trying to get 100% height to work on a specific list element but it's not working for me. I have the
body tags set as
min-height: 100% so I was thinking I should be able to just set the id on the
min-height: 100% but it's not working for me.
If you take a look at my test site the middle column has a trailing
LI which I want to stretch to the bottom.
Thanks or your help!
It can't work, because #column-2 is floated and floated elements don't inherit height. You will observe this if you look at the computed styles in a dom inspector.
For some headache-inducing reference, check the css 2.1 rules for computing height
the height is related to the parent - so a 100% high li, can only be as high as the ul that contains it.
you might have to set 100% high on the ul and its container too.
might a background image be just as effective if all you need is a faux column?