레아아웃을 만들어보려고 세로 드롭다운 형식 자바스크립트를 찾아서 적용해봤는데 ㅜ
ie8에서는 잘되는데 파폭에서는 아에 먹히지가 않네요 ㅜㅜ

경고: 'top'에 오류가 있습니다.  이 스타일 선언이 무시되었습니다.
라는 말이 무한반복 ㅜㅜ으로 웹콘솔창에 뜹니다

var object = new Array();

function Slide(N,oCont)
{
    this.N  = N;
    this.S  = 1.1;
    this.object = new Array();

    this.CObj = function (parent,N)
    {
        this.parent = parent;
        this.N = N;
        this.obj = parent.frm[N];
        this.tit = this.obj.firstChild;

        this.div = this.obj.getElementsByTagName('div')[1];

        this.div.style.visibility = 'hidden';

        this.y0 = N * 18;

        this.Y1 = this.y0;

        this.obj.style.top = this.y0;

        this.obj.style.height = parent.H - (parent.NF-1) * 18 - 3;

        this.obj.style.visibility = 'visible';

        this.obj.parent = this;

        this.run = false;

        this.move = function()
        {
            with(this)
            {

                dy = (y1-y0)/parent.S;

                if(Math.abs(dy)>.1)
                {
                    y0+=dy;
                    obj.style.top = Math.round(y0);

                    setTimeout('object['+parent.N+'].object['+N+'].move();', 16);
                }
                else
                {

                    run = false;

                    if(dy>0)div.style.visibility='hidden';

                    else if(N>0)parent.object[N-1].div.style.visibility='hidden';
                }
            }
        }

        this.obj.onclick = function()
        {
            with(this.parent)
            {
                if(!run)
                {
                    run = true; 
                    div.style.visibility='visible';

                    for(i=0;i<parent.NF;i++)
                        parent.object[i].tit.className = 'manu_title';

                    tit.className = 'manu_title_o';

                    for(i=0;i<=N;i++)
                    {
                        parent.object[i].y1 = i*40;

                        parent.object[i].move();
                    }

                    for(i=N+1;i<parent.NF;i++)
                    {
                      
                        parent.object[i].y1 = parent.H-(parent.NF-i)*38;

                        parent.object[i].move();
                    }
                }
            }
        }
    }

    this.frm = document.getElementById(oCont);

    this.H = parseInt(this.frm.style.height);

    this.frm = this.frm.getElementsByTagName('span');

    this.NF = this.frm.length;

   
    for(i=0;i<this.NF;i++) this.object[i] = new this.CObj(this, i);

  
    this.object[0].obj.onclick();

    this.S = 10;
}

window.onload = function()
{
    object[0] = new Slide(0, 'frames');
}



여기까지가 스크립트고 다음은 본문출력

<div id="frames" style="position:relative;width:160px;height:420px;overflow:hidden;">
    <span class="manu_link"><div class="manu_title" style="width:156px;height:39px;">공지</div>
    <div class="manu_text">
   공지사항<br><br>
    </div>
    </span>
    <span class="manu_link"><div class="manu_title" style="width:156px;height:39px;">커뮤니티</div>
    <div class="manu_text">
  <br />
        자유게시판<br><br>
        익명게시판<br>
    </div>
    </span>
</div>

ie8에서만 정상적으로 보이다니.. 미치겠습니다 ㅜ

몇일간 씨름하는데 ㅜ 답이없네요..

파폭에서는 스크립트 top부분에 문제가 있다는데..

얕은 지식으로 너무 거창한걸 하려고 한것같기도 하고 ㅜ

도와주세용