box-sizing padding

[LAW-Web]

Ich habe den body (border-box) mit prozentualen Angaben in 2 Teile geteilt (80+20%). In beiden will ich mit padding einen Abstand zur box erzielen, dann rutsch aber die rechte Box nach unten weil wohl breiter wird.

Teil des CSS:

body {text-align: center;
		display: flex;
		flex-flow: row wrap;
	  box-sizing:border-box;
		margin: 10px;
		}
main	 {	
	background: #B0E2FF;
	width:80%;
	overflow-y: scroll;
	float:right;
}
menu {
	float: left;
	background: #F5F5F5;
	width:20%;
	overflow-y: scroll;
	overflow-x: hidden;
}
article	{background:#0C3;
		margin-top:5px;
		padding-left:5px;
		color:#FFF;
}

Ich habe padding mit px und % ohne Erfolg versucht.

article ist Teil des Main, da funktioniert das padding.

Website http://wentzell.eu/

Reichen diese Angaben um mir zu helfen? Im Voraus schon DANKE!!

Karl-Heinz

sorry, mit Markdown komme ich nicht klar.