Small issue of padding difference observed between chrome and firefox

In some elments like heading (h1,h2,h3,h4 etc) and anchors elements show weird padding difference. For example element that appears aligned properly in firefox may appear aligned slightly above or below its position in chrome.

This problem exist even after applying css reset. After trying out few things i found solution to this problem. All you need to do is add this line to the beggining of the css.

*{margin:0,padding:0}

And the issue is sorted. :)