scaling % issues from small to big screen
so I am having troubles with css % width and height getting my divs to stay lined from one screen size to another. in a small screen I get it scaled to line up and make a nice 2 column layout. When I move it to big screen the scaling div that represents one of the column is not lined up and has about a 50px gap from where its edges should be lining up, instead of my planned 10px gap. so it falls 50px shorter (relative) than where it should be.
Basically the gap gets bigger as the screen gets bigger.
would this be caused by a couple divs nested inside each other each using % to define its height and width?
(each css class you go down is nested inside the other)
Thanks a lot, appreciate the help
margin: 0px auto;
background: none repeat scroll 0 0 white;
border-radius: 0 10px 10px 0;