I am working on website that is built predominantly using CSS layers (<DIV> tags) I have 3 vertical layers that I need to have expand with the content, so that the content does not "float" down into the background.
Here is a snippet of one of my classes. The other 2 are similar.
border: thin solid #000099;
I thought the height: 100% would handle this, but it only makes it go to 100% of the screen/browser size. (Which also causes problems in lower resolutions screens).
I have the content as a separate class -
border: medium solid #FF0000;
(less the border)
Any suggestions on how to over come this?