Grid in a div

Hey Alex,

Not sure if I'm doing something wrong or this is a bug. I place the grid in a div and set the grid height and width by specifying the width and height of my 'outer' div and leaving the grid at it's default(which seemed like 100% I thought). I do this so the dimensions specified takes into my account my toolbar and footer also.

The problem I see (its minor) is when I give my outer div a border I can see that the grid wants to hang over a pixel two on the right side scrollbar. ANd when I call obj.refresh() (for paging) the width of the grid shortens about 2px's .. This kind of makes my outer border on the right side get all messy while paging. Am I going crazy? or have you seen this before?

Do you see this in IE or Mozilla (or both?)

I've only tested it in IE. I found that specifing the exact width of the grid in pixels seemed to fix the problem.
example)

This code is where i noticed the problem:

<DIV id="myGrid" style="width:400px;height:300px;">
<DIV id="myToolbar" style="width:100%;"></DIV>
<DIV id="gridContainer">
document.write(obj)
<DIV>
<DIV id="myToolbar" style="width:100%;"></DIV>
</DIV>

This code seemed ok

<DIV id="myGrid" style="width:400px;height:300px;">
<DIV id="myToolbar" style="width:100%;"></DIV>
<DIV id="gridContainer" style="width:400px;>
document.write(obj)
<DIV>
<DIV id="myToolbar" style="width:100%;"></DIV>
</DIV>

I've gone around the whole thing by specifying the widths..
I wasn't sure if it's my css or the repaint code in the grid...
Anyways, hope this helps, if not, then I hope you can point out what I was doing wrong.. Sometimes I find CSS a bit confusing when sized divs are nested.