Keeping fixed height but stretching when needed

[manipura]

If you notice the text overlapping the box on this page

http://dailycarclips.com/index.php?l...11-gt2--part-2

The code for that box is

<div class="box" style="width:300px; height:161px; padding-top:3px; padding-left:5px;">

I'm sure you can already assume what I want to do here.

I want to made that box a certain height, unless the text (or a table inside the box) stretch further than that height.

How would I do this?

[TheAnarchist]

According to the specification, min-height is what you want. [1]

Unfortunately, IE doesn't recognise min-height (as per my understanding), but you can get around this issue by using height instead. [2]

[manipura]

Okay, so I fixed the problem by taking out the 'height' attribute in the CSS and putting in the height of the box in the table attributes. Since with Tables if I set the height the added extra text will only stretch the table higher.

[markbrown4]

Are you saying you resorted to using tables because you couldn't get it to work?

It's really quite a simple solution:

.box {
  min-height: 161px;
}
* html .box {
  height: 161px;
}