head2.php를 만들어서 게시판

상단에 head2.php

하단에는 tail.php

불러왔는데요. 이상하게 게시판이 깨집니다.

이거 머가 문제인지 좀 알려주세요. ㅜㅜ

head2.php 에는요

  <style>

 body {background-color:#eef0f3;}
 .color1 {background-color:hsla(240, 100%, 50%, 0.3)}
 .color2 {background-color:rgb(255,0,0)}
 .color3 {background-color:yellow}
 .color4 {background-color:transparent}
 
 
      .top{
         width:100%;
         height:52px;
         background-color: #00b994;
      }
   .top2{
         width:100%;
         height:33px;
         background-color: #00ae8b;
      }
  
   html, body{
     height:100%;
}
      .menu{
         float:left;
         width:200px;
   _height: 100%; /* IE6용 핵 */
         min-height: 100%;
         background-color: green;
   margin: 0 auto;
      }

  </style>
 

   <div class="top">

   </div>
      <div class="top2">

   </div>
  
<div class="menu">
<center>1111</center>
   </div>

이렇게 했습니다.

그런데 게시판이 오른쪽에 떠야되는데

이상하게 아래로 내려가서 오른쪽에 안불러와져요.

어떻게 해야되나요?