our_style {
height: 1px;
width: 100px;
background-color: black;
}
<div class="test"></div>
Bu kod Firefox?da sorunsuz çalışmasına karşın IE?de yükseklik 10px görünecektir. Bir bakıma IE boş içeriğin yüksekliğini 10px kabul ediyor, ancak bu bizim işimizi bozuyor. Çözüm ise çok basit.
.test {
font-size: 0;
height: 1px;
width: 100px;
background-color: black;
}
Sadece font-size tanımını 0 atamamız yeterli.
Kaynak: http://vaig.be/2007/04/07/div-styleheight-1px-bug-in-ie/
Kaynak : CSS Dersleri, Fatih HAYRİOĞLU