Div height problem in IE

When I was trying to create a division using DIV tag and fix a height to value below 12px in IE, the height didn’t go below about 12px in the webpage. After trying and testing a lot, I googled and found that it was minimum height bug in Internet Explorer.

There are couple of ways to fix this min-height bug:

Solution 1: Put a comment inside the div

<div style="height: 10px;><!-- --></div>

If the above solution doesn’t solve the problem then:

Solution 2: Put   inside the div and add this to its style

div#seperator { font-size:1px;line-height:0;}

And specify the actual height using the tag

For example: if we need to set a height of 5px then

<div id="seperator" style="height:5px;">&nbsp;</div>

This it it.

Cheers!