The easiest way to do this is to simply not set the height and enclose all content within a DIV. The height will be automatically calculated in most cases and you don't have to worry.
For example:
-
<div style="border:1px #000000 solid;">
-
<p>ajdfjafjasldjfa;sjdfajfasdfasjflajsfljasdfkjdsf</p>
-
<p>ajdfjafjasldjfa;sjdfajfasdfasjflajsfljasdfkjdsf</p>
-
<p>ajdfjafjasldjfa;sjdfajfasdfasjflajsfljasdfkjdsf</p>
-
<p>ajdfjafjasldjfa;sjdfajfasdfasjflajsfljasdfkjdsf</p>
-
<p>ajdfjafjasldjfa;sjdfajfasdfasjflajsfljasdfkjdsf</p>
-
</div>
-
will display a box around all the content with the appropriate height while
-
<div style="border:1px #000000 solid;">
-
<p>ajdfjafjasldjfa;sjdfajfasdfasjflajsfljasdfkjdsf</p>
-
<p>ajdfjafjasldjfa;sjdfajfasdfasjflajsfljasdfkjdsf</p>
-
<p>ajdfjafjasldjfa;sjdfajfasdfasjflajsfljasdfkjdsf</p>
-
<p>ajdfjafjasldjfa;sjdfajfasdfasjflajsfljasdfkjdsf</p>
-
<p>ajdfjafjasldjfa;sjdfajfasdfasjflajsfljasdfkjdsf</p>
-
<p>ajdfjafjasldjfa;sjdfajfasdfasjflajsfljasdfkjdsf</p>
-
<p>ajdfjafjasldjfa;sjdfajfasdfasjflajsfljasdfkjdsf</p>
-
<p>ajdfjafjasldjfa;sjdfajfasdfasjflajsfljasdfkjdsf</p>
-
<p>ajdfjafjasldjfa;sjdfajfasdfasjflajsfljasdfkjdsf</p>
-
<p>ajdfjafjasldjfa;sjdfajfasdfasjflajsfljasdfkjdsf</p>
-
</div>
-
will also automatically adjust.
This particular problem has nailed me more than once and has always come down to me defining too much in the stylesheet.