CSS overflow issue in Firefox

I have a table coded as follows;

<table id="c_month_tbl" cellspacing="0" cellpadding="0" border="0" >
<tbody>
<tr>
<td valign="top" class开发者_StackOverflow中文版="weekend_days">
<div class="block_out">
<div class="blockout_text">Some content ...Some content ...Some content ...Some content ...Some content ...</div>
</div>
</td>
</tr>
</tbody>
</table>

The CSS is as follows;

    td.weekend_days .blockout_text {
        margin-top: 14px;
    }
    .blockout_text {
        margin-top: 25px;
        padding: 3px;
        text-align: center;
    }

    #c_month_tbl{
        clear: both;
        width: 678px;
    }
    .block_out {
    height: 50px;
}

Now the layout appears fine if the content inside the td is less...But if there is more content, IE kind of expands the cell width/height and displays the content fine.

But in Firefox, the width/height for the content div remains fixed and does not expand as per the content, which makes the layout appear a bit broken..

I tried changing the overflow property for the containing td/div element , but it is not working fine in Firefox.

Please help me. Thank you.

Remove the class .blockout, or remove the height restriction on it. If you want it to be at least 50px tall, use min-height instead.