Firefox에서 CSS로 padding을 줄 때, 버그가 좀 있더군요.

padding을 bottom에만 주더라도, top에도 들어가는 경우가 많습니다. (정상동작하는 경우가 거의 없는 듯..)

예를 들어서, bottom에 4px의  padding을 주고, top에는 padding을 주지 않을 때

Firefox에서는 top과 bottom 모두에 각각 4px씩 padding이 들어갑니다.

만약 bottom과 top에 각각 padding을 4px, 2px씩 줄 경우,

Firefox에서는 bottom, top 모두에 각각 4+2 = 6px씩 padding이 들어갑니다. OMG!!!

KPUG에서 좌측 로그인 상자를 로그아웃해서 보면, ID필드와 PW필드가 두개 상하로 붙어있잖아요?

제가 원작자는 아니라 잘 모르겠지만, 이게 떨어뜨리려면 padding을 줘야하는데

Firefox와 그 외의 브라우저에서 보이는게 달라져서 높이가 달라지면, 보기가 좀 안좋게 됩니다.
(로그인 버튼의 높이가 필드보다 커져서 삐져나오는 것 처럼 보임)

그래서 padding을 안 주고, 필드 두개를 붙여버린게 아닐까 싶네요.

KPUG 스킨 수정하면서 의아했지만, Firefox가 크롬보다 버그가 많은 것 같습니다.

저기 위에, 게시판 제목 '자유게시판' 붙여넣은 것도, Firefox의 padding 버그때문에.. 꼼수로 처리해 뒀습니다.

padding을 bottom에만 주면 깔끔할 것을, firefox에서는 top에도 padding이 들어가서...

padding을 0으로 주고, 아래쪽은 소스코드를 수정해서 공간을 약간 띄워놓았습니다.

저는 FF2부터 써왔던 골수 팬일 뿐이고.. ㅜ.ㅜ

웹개발 할 수록 크롬만세를 외칠 뿐이네요...ㅜㅜ