I have a page design that is 960px and selected "Responsive 960px margin 0" as the grid system. However, firebug tells me that
#container is 990px with 0 padding and margin
#banner-bg is 990px with 0 padding and margin
#banner is 960px with 0 padding and margin....
1. Why isn't #container 960px with 0 padding and margin? I was expecting that since I set the grid to 960 that #container would be 960px.
2. How does #banner get to be 960px with 0 padding and margin when its contained in #banner-bg which is 990px with 0 padding and margin? How is the 30px difference accounted for?
Thanks!