Sorry for the rubbish question title, however to make up for that I have a jsFiddle:
I can't figure out why the content in the "Main Content" div is spilling out over the parents border. I've set the box-sizing mode to border-box which I thought resolved width issues like this where margins were added onto the width of the element?
.markBookPage div
{
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
Any insight appreciated.