height in ALL browsers

I've been searching for answers, but unfortunately still havn't found one the right one..

I'm creating buttons using images and the button itself looks good in ALL browsers..

The thing is though that the text is placed differently (vertically) depending on which browser you are viewing it from. I've tried applying both line-height, padding/margin, top/bottom and several other attributes, but without success..

Isn't there a way (with CSS) to place the text correctly in all browsers? (Opera, Firefox, Chrome, Safari)... Don't worry about Internet Explorer - I'll apply some speciel CSS for this!

I've put up an example here to play around with: http://jsfiddle.net/GydjP/1/

---

button::-moz-focus-inner {border:0;padding:0;margin:0;}

and adding Line-height to the buttons is apparently the best solution I can find for my buttons so far.. It doesnt work in very old versions of Firefox + Chrome though

链接地址: http://www.djcxy.com/p/39554.html

上一篇: 动画线时出现奇怪的结果

下一篇: 所有浏览器的高度