안녕하세요 선배님들 그누보드 공부하는 학생입니다
다름이 아니라 그누 메인화면 좌측 설문조사 밑에 2단메뉴를 하나 만들려고합니다

head.sub.php파일에
css스크립트 코트를 삽입했습니다
  <style type="text/css">
 
    body, div, ul, li{margin:0; padding:0}

body{font-size:12px; font-family:"맑은 고딕", arial}

ul{list-style:none}
a{color:#000; text-decoration:none}

    .gnb{
  width:640px; height:85px; margin:auto; margin-top:50px;
}

    /* 메인메뉴 영역 */
    .gnb>ul{
  width:620px; height:30px; background:#ccc;
  padding:20px 0 0 20px;
}

.gnb>ul>li{
  float:left; width:100px; height:30px; margin-right:5px;
  position:relative;
}

.gnb>ul>li>a{
  display:block; width:100%; height:100%;
  font:bold 13px/30px "맑은 고딕", arial;
  text-align:center; color:#fff; background:black;
}

.gnb ul li a:hover{color:#000; background:#fc0}


    /* 서브메뉴 영역*/
    .gnb ul ul{display:none}

.gnb>ul>li:hover ul{
  display:block; width:100px; height:25px;
  position:absolute; left:0; top:30px;
}

.gnb li li{width:100px; height:25px; background-color:red; text-align:center;}

    .gnb li li a{
  display:block; width:100%; height:100%;
  font:bold 12px/25px "맑은 고딕", arial;
}

    .gnb li li a:hover{
  color:white; background:none;
}
 
  </style>

그리고 head파일의 바디안에 좌측메뉴(로그인메뉴 및 접속자 통계 밑에)

<div class="gnb">
   
    <ul>
        <li><a href="#">주메뉴1</a>
    <ul>
              <li><a href="#">서브메뉴1</a></li>
  <li><a href="#">서브메뉴2</a></li>
  <li><a href="#">서브메뉴3</a></li>
  <li><a href="#">서브메뉴4</a></li>
</ul>
</li>

</ul>

  </div>

이렇게 코드를 삽입했습니다

그런데 전혀 css가 먹히질 않습니다

그노보드에 삽입하지 않고
그냥 파일만들어서 쓰면 전혀 문제가 없는대
그누에 삽입해서 사용하면 css가 전혀 먹히질않습니다
혹시 몰라서 그누 head.sub.php에있는 css는 주석처리를 해봤지만
소용이 없내요
선배님들 도와주세요~~