안녕하세요..

오유를 사랑하는 사용자이자 firefox 애용자입니다. 다름이 아니라 firefox등 비 IE 이용자의 경우에
꼬릿말 및 추천자 리스트가 의도와 다르게 나타나는 현상이 있어 바로잡는 소스를 권유하려 합니다.

영자님께 메일로 함 보내 드렸는데 못 보신 것 같아서리..

글로 함 올려 봅니다. ('유머는 아니지만..'에 해당되겠군요 -_-)

이 문제는 IE의 규칙과 Firefox가 준수하는 W3C 표준과의 상이점에 의한 문제
입니다만, 다음과 같은 방법으로 해소가 가능합니다.

자바스크립트 함수에서:

다음 함수들을 수정합니다.

//꼬릿말 전체보이게
var refer1=true;
function combo() {
  if (refer1) {
    document.getElementById("tail_layer").style.overflowY = "visible";
    if(!document.all){ // IE가 아닌 경우
      document.getElementById("tail_layer").style.display = "table-cell";
    }
    refer1=false;
  }else {
    document.getElementById("tail_layer").style.overflow = "hidden";
    document.getElementById("tail_layer").style.display = "block";
    refer1=true;
  }
}


//추천목록 보이게
var refer2=true;
function combo() {
  if (refer2) {
    document.getElementById("ok_layer").style.overflowY = "visible";
    if(!document.all){ // IE 가 아닌 경우
      document.getElementById("ok_layer").style.display = "table-cell";
    }
    refer2=false;
  }else {
    document.getElementById("ok_layer").style.overflow = "hidden";
    document.getElementById("ok_layer").style.display = "block";
    refer2=true;
  }
}

(이건 firefox가 준수하는 표준과 IE의 규칙의 차이를 조정해 주는 역할을 합니다
 원 소스에서 refer 변수를 두 군데서 동일한 이름으로 사용하는 것은 개발자 실수인 듯 하네요
 그래서 그것도 수정..)


한편, 다음 태그들의 오류를 찾아서 수정해 줍니다.
<div id="tail_layer" style=" ... ; overflow=hidden ; ... ">
-->
<div id="tail_layer" style=" ... ; overflow:hidden ; ... ">

<div id="ok_layer" style=" ... ; overflow=hidden ; ... ">
-->
<div id="ok_layer" style=" ... ; overflow:hidden ; ... ">

(이건 명백한 오류인데 IE에서는 적당히 실행해 주는 듯 합니다)


위 해결책이 Opera와 같은 다른 브라우저에서는 어떻게 작동할 지 모르겠습니다만 
최소한 IE와 firefox에서는 원하는 동작을 보장할 것으로 보입니다.

그럼 수고하세요~