div 및 겹치는 이미지의 네거티브 상단

Question

짧을 것입니다.
http://www.tuttoinunafesta.info
상단 메뉴의 두 번째 버튼 ("Feste per Bambini")을 클릭하고 주황색 줄무늬에 나타나는 링크를보십시오.

이미지가 42px (컨테이너 div의 동일한 div)이기 때문에 IE10 및 Chrome에서 이미지는 스트라이프의 중심에 수직으로 있습니다. 파이어 폭스에서 그들은 그들이 있어야 할 곳 아래에 약간 px 있습니다.

왜?

메뉴 상단 버튼의 컨테이너 div는 컬러 스트라이프의 컨테이너 div (이 경우 오렌지색 상자)에 의해 겹쳐집니다. 하단 사업부는 다음과 같은 속성이 있습니다
{position:relative; top:-2px;}.

파이어 폭스는 두 개의 div가 중첩되는 경우에도 버튼의 이미지를 통해 링크의 이미지를 겹칠 수 없습니다 것으로 보인다.

Answer 1

CSS 재설정을 사용하셨습니까? 브라우저는 기본적으로 여백과 여백을 추가하지만 문제는 모두 다릅니다. 간단한 CSS 리셋이 코드를 수행 할 수 있습니다

* { margin: 0; padding: 0; } 

웹에서 사용할 수보다 깊이있는 사람이있다 - http://meyerweb.com/eric/tools/css/reset/ -이 가장 일반적으로 사용되는 것들 중 하나입니다.