html 고정 채택완료

<div class="snb" style="width: 100%; height: 200px; border-bottom: 1px solid rgb(207, 207, 207); background: rgb(255, 255, 255); position: relative; overflow: hidden; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px;">
    <div style="height:178px; background:url('navi_bg.jpg') 10px 0 no-repeat">
      <ul style="float:left; height:158opx; margin:0px 0 0 313px; padding:0; list-style:none; color:#5a5a5a; letter-spacing:-0.07em; text-align:center;">
        <li style="float:left; width:105px; height:178px;margin-right: 58px;">
          <ul style="width:105px; margin:0; padding:0; list-style:none; ">
            <li><a href="">게시판1</a></li>
            <li><a href="">게시판1</a></li>
            <li><a href="">게시판1</a></li>
            <li><a href="">게시판1</a></li>
            <li><a href="">게시판1</a></li>
            <li><a href="">게시판1</a></li>
          </ul>
        </li>
        <li style="float:left; width:105px; height:178px;margin-right:55px;">
          <ul style="width:105px; margin:0; padding:0; list-style:none; ">
            <li><a href="">게시판1</a></li>
            <li><a href="">게시판1</a></li>
            <li><a href="">게시판1</a></li>
            <li><a href="">게시판1</a></li>
            <li><a href="">게시판1</a></li>
            <li><a href="">게시판1</a></li>
            <li><a href="">게시판1</a></li>
          </ul>
        </li>
        <li style="float:left; width:105px; height:178px;margin-right:35px;">
          <ul style="width:105px; margin:0; padding:0; list-style:none; ">
            <li><a href=""></a></li>
            <li><a href=""></a></li>
            <li><a href=""></a></li>
          </ul>
        </li>
        <li style="float:left; width:105px; height:178px;margin-right:21px;">
          <ul style="width:105px; margin:0; padding:0; list-style:none; ">
            <li><a href="">게시판1</a></li>
          </ul>
        </li>
        <li style="float:left; width:105px; height:178px;margin-right:27px;">
          <ul style="width:105px; margin:0; padding:0; list-style:none; ">
            <li><a href="">게시판1</a></li></li>
          </ul>
        </li>
         <li style="float:left; width:105px; height:178px;margin-right:20px;">
          <ul style="width:105px; margin:0; padding:0; list-style:none; ">
            <li><a href="">자유게시판</a></li>

          </ul>
        </li>

        <li style="float:left; width:105px; height:178px;margin-right:30px;">
          <ul style="width:105px; margin:0; padding:0; list-style:none; ">
            <li><a href="">게시판1</a></li>
          </ul>
        </li>

        <li style="float:left; width:105px; height:178px;margin-right:34px;">
          <ul style="width:105px; margin:0; padding:0; list-style:none; ">
            <li><a href="">게시판1</a></li>
            <li><a href="">게시판1</a></li>
          </ul>
        </li>

        <li style="float:left; width:105px; height:178px;">
          <ul style="width:105px; margin:0; padding:0; list-style:none; ">
            <li><a href="">공지사항</a></li>

          </ul>
        </li>
      </ul>
    </div>
  </div>

창을 줄이면 반응형식으로 움직입니다 고정할수있는방법없을까요?