Padding in FireFox
Ik heb een div met de volgende stijl:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
2
3
4
5
6
7
8
9
10
11
12
13
14
15
DIV
{
position: relative;
width: 300px;
height: 12px;
padding: 4px 4px 4px 4px;
margin: 0px 0px 0px 0px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: rgb(78, 78, 78);
background-color: rgb(255, 255, 255);
}
{
position: relative;
width: 300px;
height: 12px;
padding: 4px 4px 4px 4px;
margin: 0px 0px 0px 0px;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: rgb(78, 78, 78);
background-color: rgb(255, 255, 255);
}
En in Google Chrome, Internet Explorer (9), Opera, Rockmelt en Safari ziet dit er zo uit:
Maar in FireFox ziet dit er zo uit:
In FireFox zit er dus meer padding aan de bovenkant dan in de andere browser en ik erger me hier nogal aan (Mijn website gaat voornamelijk bestaan uit 'gepixelde' afbeeldingen dus dat alls pixel perfect is, is nogal belangrijk).
Hoe los ik dit op? Ik heb -moz-padding-start en line-height al geprobeerd maar die hielpen niet.
Alvast bedankt!
