별루요 뭐 그다지..............
FF 에서 input 박스에 onkeydown 이벤트를 캡쳐할때 한글이 만들어지는 과정이 IE 랑 좀 달라서 이벤트발생객체의 값을 읽어올때 잘 안되는거랑......................

table 이나 div 에서 좌표 계산할때 IE 랑 FF 랑 서로 계산 방법이 다른거?
보더를 포함해서 하느냐 안하느냐 그 차이점 하고...................

DTD를 선언하지 않을 경우에는 박스모델 렌더링이 차이가 납니다.

결국 레이아웃의 문제란 말씀?! 꾸벅~!

replaceNode() 이게 FF쪽에는 없을겁니다.
removeNode()도 FF에는 없을겁니다.

replaceNode 는 insertBefore한 후에 removeChild 하면 되고,
removeNode 는 부모 객체에서 현재 노드를 removeChild 하면 되는데...

표준만으로도 충분히 잘되고 특별히 불편하다거나 한 것도 아닌데 말이죠. -_-a

그래도 솔찍히 replaceNode()는... 지원해줬으면.. 하는 생각.
replace하기가 귀찮아요.

윗분들이 언급한대로, FF의 경우 키이벤트시 한글 관련 문제.
이건 어떻게 알아봐도 딱히 원론적인 해결책을 못찾겠더군요.

몇가지 메소드나 속성 이름이 다른 건 귀찮긴 하지만 불가능한건 아니고...

반대로 FF에서 편한 점은 element의 constructor이 존재한다는 겁니다.
HTMLElement.prototype
HTMLDivElement.prototype
HTMLAnchorElement.prototype
등으로 Element 를 하나의 개체로 접근할 수 있기 때문에, 일일이 개별 element 객체로 할 필요없다는 것 정도?

요즘은 브라우저을 그리 많이 신경쓰지 않아도 개발이 어느정도 가능하게하는 dojo, prototype, mootools, jquery, yui 등 과 같은 라이브러리/프래임워크 형태의 js 도 많아서 일딴 익숙하게 되면 편하긴 하죠.

개발자가 여러 브라우저를 지원하는 것도 좋겠지만, 속한 개발 환경이 많은 영향을 미치죠. 다들 아실거라 생각됩니다.
마음은 있는데 실행을 못하던지, 막상 하려니 일에 치여 진전을 못보는 경우가 허다하죠.

30~40대에 건강유지를 생각하지 않는다면, 어렵지 않습니다. 흐흐

여기서 css 는 논외니 일단 메뉴얼화가 잘되어 있는 라이브러리나 프래임워크를 사용하는걸 추천해 봅니다.
규격화된 것을 사용하면 인수인계시에도 편할거 같습니다.

효진님께서 쉬운것만 개발하신다니. ^^;;
겸손이 너무 지나치십니다.. ㅎㅎ

저는 IE, FF, Safari(윈도우 버전)에서 테스트 합니다. 온플레너님 의견에 동의하며, 많은 js library 중에 prototype + scriptaculous만 씁니다. 일단 $, $F 함수만 써도 코드가 굉장히 간단해 지더군요. 확장도 쉽구요.

js 테스트, 디버깅은 error console을 이용해 FireFox에서 시작합니다.  일단 FF에서 잘 돌아가면 IE, 그 다음은 Safari로 넘어 갑니다.

얼마전에 발견한 브라우저별 차이를 보면,
 
1. $('some_element').style.top = "100 px";
(혹은 document.getElementById("some_element").style.top = "100 px";)
  이렇게 하면 IE, Safari 에서는 top이 적용되지만 FF에서는 안 됨.  "100 px"빈칸에 주의할 것.
  100 + "px" --> (o)
  100 + " px" --> (x)
  100          --> (o)
  "100"        --> (o)
  "100px"    --> (o)

2. 예를 들어
<div onclick="test_1()"><input type="button" value="click" onclick="test_2();"/></div>

이런 코드가 있다 치고, 버튼을 클릭하면 IE, FF에서는 test_2()만 실행되고 Safari에서는 test_2() + test_1() 이 실행 됨.  test_2() 함수에 return false; 넣어도 소용 없음.

이걸 극복하려고, global 변수를 사용했음.

var safari_clicked;

function test_1(){
 if(safari_clicked == true){
  safari_clicked = null;
  return false;
 }
 alert('test_1');
}

function test_2(){
 if(Prototype.Browser.WebKit){
  safari_clicked = true;
 }
 alert('test_2');
}

3. wordpress admin 페이지의 한 부분
jQuery( function($) {

var h = $( 'b#log-title' )
    .css({
        background: 'transparent url( ../wp-content/mu-plugins/bullet_arrow_down.gif ) no-repeat scroll 100% .2em;',
        padding: '0 25px 2px 5px',
        cursor: 'pointer',
        border: '1px solid #14568a',  <----------------- comma
    })    
});

FF, Safari에서는 돌아가지만 IE에서는 js 에러 뜸.  comma를 지워야 됨.

결론,
1. 3가지 메인 브라우저 지원 어렵지만은 않습니다.
2.  FireFox 가 js 개발 시간 엄청나게 줄여줍니다.

송효진님과 다른 코멘트의 모든 분들께, 좋은 글들에 감사드립니다.