Data Flows out of the Grid: HTML5 and MVC4

Hi All,

We have a grid on cshtml page which is filled with a model. But some times data flows out of the grid.Please see the screen shot below.If you notice the last row's last column is out of the grid.I have pasted the code. Thanks in advance.

Code:-

    </tr>

    <tr class="SectionHeader-backgroundtd">
        <td class="SectionHeader-background" colspan="4">
            <div class="DivWithVerticalScrollBarUserSetting">
                <table class="gridUserSetup" id="gridAdminpageStyle">
                    <tr>
                        <th>Name</th>
                        <th>Description</th>
                        <th>Amount</th>
                        <th>Days</th>
                        <th>From</th>
                        <th>Occurs</th>
                        <th>Thru</th>
                    </tr>

                    @if (Model != null && Model.AccumsInfo != null && Model.AccumsInfo.Count > 0)
                    {
                        foreach (var info in Model.AccumsInfo)
                        {
                            string SetClass = string.Empty;
                            if (info.IsWGSData)
                            {
                                SetClass = "SetFontRed";
                            }
                        <tr class="@SetClass">
                            <td>@info.AccumulatorName</td>
                            <td>@info.AccumulatorDescription</td>
                            <td>@info.Amount</td>
                            <td>@info.Days</td>
                            <td>@info.From</td>
                            <td>@info.Occurs</td>
                            <td>@info.Thru</td>
                        </tr>
                        }
                    }
                </table>
            </div>
        </td>
    </tr>

Screen shot:-