Здравствуйте. У меня вертикальное меню располагается как и надо справа, но почему-то под контентом. Я уже все проверила, я не понимаю почему так происходит. Уже сделала по готовому примеру - всё равно располагается внизу. Не подскажите в чем причина?
css:

 body {
    font: 10pt Calibri, Helvetica; /* Шрифт на веб-странице */
    background: #E8E8E8; /* Цвет фона */
    margin: 0; /* Убираем отступы */
   }
   h2 {
    font-size: 1.1em; /* Размер шрифта */
    color: #363636; /* Цвет текста */
    margin-bottom: 0; /* Отступ снизу */
   }
   #wrapper {
    width: 990px; /* ширина обертки */
    margin: 0 auto; /* отцентровка */
   }
    #header{  
   width:100%; 
   height:150px;
   background-color:#0000FF;
   color:#E8E8E8;
   font-size: 20px;
   }
   #sidebar {
    width: 250px; /* ширина меню */
    height: 300px; /* высота меню */
    float: right; /* выравнивание по правому краю */
    background: #FF69B4; /* фон меню */
	margin: 0px;
   }
   #content {
    background: #FF4500; /* фоновый цвет контента */
    margin-right: 250px; /* размер левого поля */
	width: 700px;/*ширина*/
	word-break: break-all;/*перенос слов*/
   }
   #footer {
    height: 50px; /* высота футера */
    color: #fff; /* цвет текста */
    background: #000; /* фон */
    clear: both; /* прерывание обтекания */
   }