블로그의 스킨을 바꿨는데 폰트가 겹친다...

내 블로그의 디자인이 촌스럽다는 사무실 옆방 이모의 의견을 존중하여 스킨을 바꿨다. 그런데 이상하다...

이렇게 폰트 크기가 다른 두 줄을 연달아 쓰면 겹친다...

굴림 폰트 18
굴림 폰드 14


인터넷 익스플로러 6, 모질라 파이어폭스 2, 3, 사파리 4.0, 구글 크롬...
각 브라우져 별로 내 컴퓨터에 깔린 버전들과 http://www.xenocode.com/browsers/ 에서 각 브라우져에 따른 각각의 버전별로 렌더링이 제대로 되는지 확인해 볼 수 있어서 해봤는데, 다 결과는 저렇게...

CSS파일에 문제가 있어서 그런거 싶어서, CSS 파일을 좀 들여다 봤는데...
CSS는 아무리 봐도 복잡해 ㅡ.ㅡ;
웹브라우져를 만드는 일을 하고 있기는 하지만, 사실상 아는것도 별로 없고, CSS rendering 부분은 내 담당 아니니... GG 쳤음~
skin.html 파일과 style.css 파일을 첨부할테니 혹시 시간이 있으신 분이 좀 봐주고 설명해 주세요...

skin.html

style.css