Ошибка HTML: отображать встроенный блок, а не встроенный? ⇐ CSS

[Anonymous]

Я пытаюсь сделать веб -сайт для моей школы, и я работаю над тем, чтобы получить область, где есть область контента, а также боковая панель. Я хочу, чтобы верхний заголовок 1 соответствовал верхней части «боковой панели». Я помещаю CSS на JSFIDDLE здесь: http://jsfiddle.net/ghpux/
Я использую код CSS здесь:
div.body{
width: 1047px;
margin-top: 210px;
margin-left: auto;
margin-right: auto;
z-index: 1;
}

div.content{
background-color: #dbdbdb;
width: 750px;
max-width: 750px;
float: left;
padding: 15px;
margin-right: 15px;
z-index: 1;

display: inline-block;
}

div.sidebar{
background-color: #dbdbdb;
width: 215px;
float: right;
position: absolute;
padding: 15px;
display: inline-block;

}
< /code>
Но я получаю нежелательный эффект от Divs, не соответствующих, как вы можете увидеть на JSFiddle или на моем веб -сайте. Я размышляю, что с этим не так? Спасибо. Я пробовал много вещей. Спасибо

Подробнее здесь: https://stackoverflow.com/questions/147 ... not-inline