안녕하세요..

날씨가 점점 더 무더워지네요..

여름 지나기전에 모두 즐거운 여름나기 되시길 바래요..


사이트 하나 만들기가 왜이리 힘든지,

여태 제대로 올린게 하나도 없네요..

이번에 꼭 다 만들어서 올려봐야겠어요..


다름이 아니오라,

제가 메인메뉴에 2차메뉴를 붙여보았습니다.

IE(익스플로러)에서는 잘작동하는데

firefox에서는 작동을 하지 않네요..

혹시 이유를 아시면 설명 부탁드립니다.


#SecondMenu { position:absolute; top:120px; left:0px; overflow:hidden; z-index:5; }
#SecondMenu ol { width:100px; padding:0px; margin:0px; background:#ffffff; display:none; }
#SecondMenu ol li { list-style:none; }
#SecondMenu ol li a { padding:0px 0px 0px 0px; color:#000000; text-decoration:none; background:url(bar.png) no-repeat 6px 3px; display:block; }
#SecondMenu ol li a:hover { color:#ffffff; }



    <!--@if($main_menu->list)-->
        document.getElementById('SecondMenu').style.height=0;

        //상단 2차메뉴 위치조정
        var start=155;

        var width = document.getElementById('FirstMenuUl').children[0].offsetWidth;

        var padding = 5;
        headerSecondMenuLeft= start + (width*n) - (padding*n);
        document.getElementById('SecondMenu').style.left=SecondMenuLeft;
 
      
        //선택된 상단 1차메뉴의 2차메뉴만 나타나게 하는 부분
        for(i=0;i<firstMenuLength;i++)
        {
            document.getElementById('FirstMenuUl').children[i].className="off";
            document.getElementById('SecondMenuOl'+(i+1)).style.display="none";
        }


        document.getElementById('FirstMenuUl').children[n].className="on";
        document.getElementById('SecondMenuOl'+n).style.display="block";
        secondMenuHeight=document.getElementById('SecondMenuOl'+n).offsetHeight;
        document.getElementById('SecondMenu').style.height=secondMenuHeight;
    <!--@end-->



기존 소스가 파이오폭스에서 작동을 하지 않아서
getElementById로 모두 바꾸어 뜨랬습니다.
그러나, 여전히 작동을 하지 않네요..
혹시 이 부분에 대해서 아시면 조언이나 답변부탁드립니다.


항상 좋은 답변으로 응해주셔서 다시 한번 감사드립니다.
그럼 즐거운 하루되세요~