Hi, I have a container background defined in CSS like this;

.container {
    background:#fff;
    margin-left:auto;
    margin-right:auto;
    position: relative;
    width:970px;
    border:1px solid #000;
    padding:5px 10px;
}

The problem is I have a jqGrid put in the bottom of the container (near the bottom edge) and when its initially drawn it does fit inside the container panel and looks correct. Something like this (please pardon my non-l33t graphic skillz):

But then when I populate the grid with rows it outgrows the container and it looks really tacky, something like this (I circled the original container background edges):

I am sure its something I am doing wrong with the CSS. Any advice would be appreciated.

EDIT: The problem isn't the width its the height of the container being overlapped by the new height of the now populated grid